小小菜鸟的web菜园子

web开发学习。好记性不如烂笔头。每天进步一点点!

导航

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

posted on 2008-05-14 12:13  『小小菜鸟』  阅读(646)  评论(0编辑  收藏  举报