레이블이 데이타인 게시물을 표시합니다. 모든 게시물 표시
레이블이 데이타인 게시물을 표시합니다. 모든 게시물 표시

2007년 5월 18일 금요일

Flex 데이타 연결

Flex 데이타 연결 방법은 아래와 같이 설명 되어 있습니다.

1. XML 데이타를 만들고
2. <mx:HTTPService 로 연결하고
3. 데이타 컨트롤로 데이타를 묶기
4. 런타임 실행시 로딩하기


데이타 만들기
Generating the data
Flex 는 HTTPService 컴포넌트를 활용하여 XML 데이타로 서버와 통신을 합니다.
기본적으로 로컬이나 서버에 XML 파일이 있으면 되는것 같습니다.
도움말의 http://www.adobe.com/go/flex2_and_php는 Flex2와 PHP를 통합하는 방법을 설명해 놓았군요.

데이타 소스와 연결
HTTPService 컴포넌트 사용방법
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:HTTPService 
id="productsRequest"
url="http://www.somesite.com/products.php" />
...

데이타 컨트롤로 데이타 보여주기

<mx:DataGrid x="20" y="80" id="productGrid" width="400"
dataProvider="{productRequest.lastResult.products.items}"
>
<mx:columns>
<mx:DataGridColumn headerText="Name" dataField="name" />
<mx:DataGridColumn headerText="Price" dataField="price" />
</mx:columns>
</mx:DataGrid>
데이타 소스의 id인 productsRequest가 dataProvider에서 사용됩니다.

런타임 실행시 로딩하기
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="productsRequest.send()"
>
버튼에서 로딩하려면 아래처럼
<mx:Button x="50" y="8" label="Get Data" click="productsRequest.send();" />

아주 기본적인 데이타 연결 방법에 대해서 설명되어 있습니다.
Flex 작업하는 방법 How Flex Works  부분을 끝내고 자세히 공부해야겠습니다.