①번 부분의 서울,부산,대구,광주.. 등을 클릭하면 alert창으로 "선택하신 도시는 **"이라고 뜨고,

②번 부분에 해당하는 도시의 날씨 정보가 보여진다. 도시의 날씨는 구글 날씨 API를 사용한다. 구글 날씨 API의 주소는 http://www.google.co.kr/ig/api?weather=seoul 이런 형식이다.

②번의 데이터추가 버튼을 클릭하면 ③번부분의 데이터그리드에 추가가 된다.

③번 부분의 데이터 지우기를 클릭하면 하나씩 지워지고, 모두 지우기를 클릭하면 모두 사라진다.

데이터 그리드 부분의 데이터 바인딩 부분은 "예제로 배우는 플렉스" 개정판 책의 213Page 부분을 보고 만들었다. 플래시빌더4로 오면서 그 부분에서 달라진 부분이 있는데 그건 아래에서 설명하도록 하겠다.

플래시 빌더 화면 아래에 보면 Data/Services라는 탭이 있다. 보이지 않는다면 Window > Show View 에 Data/Services를 선택하면 된다.  위 화면의 빨간색 네모 부분을 클릭한다.

요런 화면이 나오면 HTTP 클릭

데이터를 받아올 서비스의 이름을 정하고,  URL을 적고, 파라미터를 정합니다.

받아올 리턴타입을 정해야 하는데, 저는 forecast_information에 있는 데이터와 current_conditions 에 있는 데이터를 가져올 것이므로 리턴타입을 weather로 정했습니다. 나중에 접근하는 방법은 weather.forecast_information.city.data 이런 형식이 될 것입니다.

화면에 데이터 그리드를 가져다 놓고, 마우스 오른쪽을 클릭해서 Bind to Data를 클릭한 후 Data provider를 Weather로 입력

Data provider에 보면 {getWeatherResult.lastResult}를 확인할 수 있다. Configure Columns 를 클릭해서 데이터 받아오는 것을 제대로 수정한다. Header text는 위에 보여질 이름이고. Bind to field에 forecast_information.city.data 이런식으로 적어주면된다.
이렇게 되면 데이터를 가져오는 것을 바로 확인할 수 있다.

다음 포스트에서는 도시를 클릭하면 그 도시의 데이터를 가져오는 방법에 대해서 보여드립니다~

★ 플렉스 스터디 숙제 관련 링크

2010/04/20 - [플렉스] - 플렉스 스터디 1주차 숙제 _ HTTPservice 데이터바인딩과 ArrayCollection
2010/04/13 - [플렉스] - flash Builder의 Data/Services기능과 데이터 바인딩 _ 1.Data/Services기능
2010/04/20 - [플렉스] - 플렉스 스터디 2주차 숙제_FlexBuilder 드래그앤드랍
2010/04/13 - [플렉스] - 플래시빌더 파일 fxp를 import와 export 해보자.