책 읽는 견습생 , 공부하는 액션스크립터 , @muunediary :: flash Builder의 Data/Services기능과 데이터 바인딩

flash Builder의 Data/Services기능과 데이터 바인딩 _ 1.Data/Services기능

| 2010 블로그 글 2010/04/13 13:10

Posted by 뮤네

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

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

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

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

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

1. Data/Services기능을 사용해서 구글 날씨 API 데이터를 가져오기.

플래시 빌더 화면 아래에 보면 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 이런식으로 적어주면된다.
이렇게 되면 데이터를 가져오는 것을 바로 확인할 수 있다.

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

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'2010 블로그 글' 카테고리의 다른 글

2010 04 14 ~ 2010 04 18 (0)	2010/04/14
2010 04 13 (0)	2010/04/13
플래시빌더 파일 fxp를 import와 export 해보자. (1)	2010/04/13
flash Builder의 Data/Services기능과 데이터 바인딩 _ 1.Data/Services기능 (0)	2010/04/13
2010 04 12 (0)	2010/04/12
2010 04 08 티스토리 입주 (0)	2010/04/08