이번 숙제는 여러가지 컴포넌트를 써보고, 그냥 컴포넌트를 쓰는게 아니라 여러가지로 변형해보면서 쓰는 것이었는데, 또 숙제는 상관없이 드래그앤드랍 부분을 해보고 싶어서 요걸로 숙제했음

이번엔 xml을 가져와서 데이터그리드에 바인딩 해주었고,  데이터그리드에 선택을하면 사진을 미리볼수 있게 연동해놨고,
데이터그리드는 드래그앤 드랍이 되서 장바구니에 드래그해서 넣으면 총가격과 갯수가 나타난다.
저번엔 삭제를 뒤에서부터만 하게 되있었지만, 이번엔 선택한 아이템을 삭제하게 했다.
좀 고생했던 것은 데이터그리드에 있는 데이터를 리스트에는 이름만 갖고 오는데,
가격 계산은 따로 해줘야된다는 점이다.
그래서 저 가격을 어떻게 접근해야하는지에 대해서 고민했었다.
방법은 나중에 포스팅할 예정.. (내가 제대로 했는지 모르겠네;)
할려다 안한게 있는데 사진을 드래그 앤드랍할려고 했다. 사진은 드래그를 허용하지 않는 컴포넌트이기 때문에
조금 다른 방법이 필요하더라. 그건 다음번에~

드래그앤드랍하는 방법은  FLEX 3 실전 트레이닝 북 12장을 참고했다.



 


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

2010 04 19 ~ 2010 04 21  (0) 2010.04.20
플렉스 스터디 1주차 숙제 _ HTTPservice 데이터바인딩과 ArrayCollection  (0) 2010.04.20
DataGrid에서 editable  (0) 2010.04.20
2010 04 14 ~ 2010 04 18  (0) 2010.04.14
2010 04 13  (1) 2010.04.13

WRITTEN BY
뮤네

,



- Import 하는 방법 (플래시빌더 프로젝트 파일 불러오기)


studywork_day01.fxp를 다운받는다. 찾기 쉽게 바탕화면에 저장



File-Import 클릭하고 Flash Builder Project를 클릭.




바탕화면에 있는 studywork_day01.fxp 클릭하면 완료!

- Import 한 파일 실행해보기


Run 아이콘 클릭하고 Other 클릭



Web Application 더블 클릭.  프로젝트 선택하고  Application file 선택하고 Apply.



실행하기


- export 하기 ( 플래시 빌더 프로젝트 파일 내보내기)


File - export 클릭하고 Flash Builder Project를 클릭.




export 내보낼 파일 선택하고 파일저장될 곳 선택한 후 확인. 끝!






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

2010 04 14 ~ 2010 04 18  (0) 2010.04.14
2010 04 13  (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

WRITTEN 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 이런식으로 적어주면된다.
이렇게 되면 데이터를 가져오는 것을 바로 확인할 수 있다.

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






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

2010 04 14 ~ 2010 04 18  (0) 2010.04.14
2010 04 13  (1) 2010.04.13
플래시빌더 파일 fxp를 import와 export 해보자.  (1) 2010.04.13
2010 04 12  (0) 2010.04.12
2010 04 08 티스토리 입주  (0) 2010.04.08

WRITTEN BY
뮤네

,