是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 >

你可能感兴趣的:(datagrid)