6.1.創(chuàng)建DataGrid自定義列

2024-04-27 13:52:40

字體：大中小

供稿：網(wǎng)友

本章用到的 Flex3中文教程--homesforsale.xml文件

6.1.1. 問題
我想指定DataGrid 自定義列，控制數(shù)據(jù)顯示。
6.1.2. 解決辦法
使用DataGridColumn 標(biāo)簽指定自定義列屬性
6.1.3. 討論
本節(jié)添加三個(gè)DataGridColumn 標(biāo)簽到DataGrid 的columns 屬性中。使用homesforsale.xml作為數(shù)據(jù)文件。DataGridColumn 標(biāo)簽指定列表頭標(biāo)題和dataProvider 內(nèi)對(duì)象屬性的顯示順序。

DataGridColumn 的dataField 屬性指定顯示該列的對(duì)象屬性。這個(gè)例子中，對(duì)象的range 屬性沒有被顯示在DataGrid 控件中，因?yàn)闆]有DataGridColumn 的dataField 與range 屬性相關(guān)聯(lián)：

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="initApp()">
<mx:HTTPService id="srv" url="assets/homesforsale.xml"
resultFormat="object"
result="onResult(event)"/>
<mx:DataGrid id="grid"
width="100%"
height="100%"
dataProvider="{homesForSale}">
<mx:columns>
<mx:DataGridColumn headerText="Total No."
dataField="total"/>
<mx:DataGridColumn headerText="City"
dataField="city"/>
<mx:DataGridColumn headerText="State"
dataField="state"/>
</mx:columns>
</mx:DataGrid>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
[Bindable]
private var homesForSale:ArrayCollection;
private function initApp():void {
this.srv.send();
}p
private function onResult(evt:ResultEvent):void {
this.homesForSale = evt.result.data.region;
}

]]>
</mx:Script>
</mx:Application>