DataGrid的高级用法

 

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  
  3.   
  4. <mx:Script>  
  5.     <!--[CDATA[  
  6.           
  7.     public function labelFun (item:Object, column:DataGridColumn):String  
  8.      {  
  9.             column.editable=true;  
  10.             if(item.hasOwnProperty("source"))  
  11.             return item.source +"分";  
  12.             else  
  13.             return item.source =null;  
  14.      }  
  15.     ]]-->  
  16. </mx:Script>  
  17.     <mx:ArrayCollection id="arrColl">  
  18.         <mx:source>  
  19.             <mx:Array>  
  20.                 <mx:Object  label="苹果" source ="1"/>  
  21.                 <mx:Object  label="橘子" source ="0"/>  
  22.                 <mx:Object  label="李子" source ="4"/>  
  23.                 <mx:Object  label="香蕉" source ="6"/>  
  24.                 <mx:Object  label="芒果" source ="3"/>  
  25.                 <mx:Object  label="火龙果" source ="2"/>  
  26.                 <mx:Object  label="西瓜" source ="2"/>  
  27.                 <mx:Object  label="桃子" source ="6"/>  
  28.                 <mx:Object  label="葡萄" source ="4"/>  
  29.                 <mx:Object  label="红果" source ="3"/>  
  30.                 <mx:Object  label="草莓" source ="5"/>  
  31.             </mx:Array>  
  32.         </mx:source>  
  33.     </mx:ArrayCollection>  
  34.     <mx:DataGrid x="210" y="38" width="446" height="349" dataProvider="{arrColl}" editable="true"  rowCount="12">  
  35.         <mx:columns>  
  36.             <mx:DataGridColumn headerText="水果" dataField="label" editable="false"/>  
  37.             <mx:DataGridColumn headerText="个数" dataField="source" editable="false" editorDataField="value"  
  38.                                itemEditor="mx.controls.NumericStepper"  labelFunction="labelFun"/>  
  39.         </mx:columns>  
  40.     </mx:DataGrid>  
  41. </mx:Application>  

 

效果图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值