是DataGrid的某数字内容列可编辑,并且以NumericStepper组件改变数值。
itemEditor
和 editorDataField
属性学习示例:
代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/12/using-a-numericstepper-control-as-an-item-editor-for-a-datagrid-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:ArrayCollection id="arrColl">
<mx:source>
<mx:Array>
<mx:Object label="Student A" score="8" />
<mx:Object label="Student B" score="4" />
<mx:Object label="Student C" score="7" />
<mx:Object label="Student D" score="8" />
<mx:Object label="Student E" score="2" />
<mx:Object label="Student F" score="6" />
<mx:Object label="Student G" score="7" />
<mx:Object label="Student H" score="7" />
<mx:Object label="Student I" score="9" />
<mx:Object label="Student J" score="8" />
<mx:Object label="Student K" score="4" />
<mx:Object label="Student L" score="7" />
</mx:Array>
</mx:source>
</mx:ArrayCollection>
<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
editable="true"
rowCount="8">
<mx:columns>
<mx:DataGridColumn dataField="label"
editable="false" />
<mx:DataGridColumn dataField="score"
editable="true"
itemEditor="mx.controls.NumericStepper"
editorDataField="value" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
<!-- http://blog.flexexamples.com/2008/05/12/using-a-numericstepper-control-as-an-item-editor-for-a-datagrid-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:ArrayCollection id="arrColl">
<mx:source>
<mx:Array>
<mx:Object label="Student A" score="8" />
<mx:Object label="Student B" score="4" />
<mx:Object label="Student C" score="7" />
<mx:Object label="Student D" score="8" />
<mx:Object label="Student E" score="2" />
<mx:Object label="Student F" score="6" />
<mx:Object label="Student G" score="7" />
<mx:Object label="Student H" score="7" />
<mx:Object label="Student I" score="9" />
<mx:Object label="Student J" score="8" />
<mx:Object label="Student K" score="4" />
<mx:Object label="Student L" score="7" />
</mx:Array>
</mx:source>
</mx:ArrayCollection>
<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
editable="true"
rowCount="8">
<mx:columns>
<mx:DataGridColumn dataField="label"
editable="false" />
<mx:DataGridColumn dataField="score"
editable="true"
itemEditor="mx.controls.NumericStepper"
editorDataField="value" />
</mx:columns>
</mx:DataGrid>
</mx:Application>