Flex DataGrid中控制某行不可编辑的例子

最新推荐文章于 2025-10-02 16:43:04 发布

原创最新推荐文章于 2025-10-02 16:43:04 发布 · 3.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#datagrid #flex #application #function #list

本文展示了如何在Flex DataGrid中控制特定行不可编辑。通过监听`itemEditBegin`事件并检查数据源中`edit`字段的状态，可以阻止编辑操作。示例代码创建了一个ArrayCollection，并为每行设置了`edit`属性，当尝试编辑时，如果该属性为`false`，则取消编辑。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
<![CDATA[
  import mx.events.DataGridEvent;
  import mx.collections.ArrayCollection;
  [Bindable]
  private var list:ArrayCollection;
  private function init():void{
   list = new ArrayCollection();
   list.addItem({name:"litter",age:22,edit:false});
   list.addItem({name:"SCL",age:22,edit:true});
   list.addItem({name:"SKL",age:22,edit:false});
   list.addItem({name:"newSkl",age:22,edit:true});
   list.addItem({name:"changliangno1",age:22,edit:false});
   list.addItem({name:"shichangliang",age:22,edit:true});
   list.addItem({name:"weimingming",age:22,edit:false});
  }
  private function doItemEditBegin(event:DataGridEvent):void{
      if(Boolean(list.getItemAt(event.rowIndex).edit))
      _Grid.editedItemPosition = null;
  }
]]>
</mx:Script>
<mx:DataGrid id="_Grid" x="199" y="141" width="436" editable="true" dataProvider="{list}" itemEditBegin="doItemEditBegin(event);" >
  <mx:columns>
   <mx:DataGridColumn headerText="Column 1" dataField="name"/>
   <mx:DataGridColumn headerText="Column 2" dataField="age"/>
   <mx:DataGridColumn headerText="Column 3" dataField="edit"/>
  </mx:columns>
</mx:DataGrid>
</mx:Application>