6.9.編輯DataGrid數據項

2024-04-27 13:51:58

字體：大中小

來源：轉載

供稿：網友

6.9.1. 問題
我想讓DataGrid 的某些單元格可被編輯
6.9.2. 解決辦法
設置AdvancedDataGrid 或DataGrid 的editable 屬性為true
6.9.3. 討論
這個例子中，AdvancedDataGrid 和DataGrid 控件綁定到同一個dataProvider。兩個控件的editable 屬性都設置為true。這樣就可以編輯每個單元格了。由于兩個控件都綁定同一個數據源，當編輯一個表格的單元格時將會改變另一個表格。代碼如下：

-XML

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

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