flex里itemRenderer和itemEditor区别

来源:互联网 发布:photoshop cc mac版 编辑:程序博客网 时间:2024/05/18 02:17

如果你有了一个复杂的editor 如:你想用NumericStepper 来修改数值,
这样做是很常用的,因为默认的editor 是label ,很不友好。(当然这种情况还只是每个
单元格只对应data 中的一个单一属性。)这个时候你要用到DataGridColumn 中的
editorDataField 属性,如:
<mx:DataGridColumn dataField="quantity" editorDataField="value">
       <mx:itemEditor>
          <mx:Component>
                 <mx:NumericStepper maximum="100" stepSize="10"/>
         </mx:Component>
      </mx:itemEditor>
</mx:DataGridColumn>
editorDataField 此属性的用意是:当用户修改完毕,系统并不知道去editor 的哪个属性
里取用户修改后的值,因为默认editor 是在text 属生里取,如果你自定义了editor,系统还
会去text 里取,没办法,flex 还没有那么智能化,所以您必告诉系统要去NumericStepper
的哪个属性里去取用户修改过的值。
如果大家试运行过editor,大家会发现,用户的每次修改都会直接修改dataprovider 中的值,
这一点大家一定要注意,因为有些时候,这并不是我们想要的。
通过以上两种情况的说明,大家要知道,看似很简单的操作,实际上系统做了很多工作:
1) 用户没有点击时使用item renderer 显示数据,
2) 用户点击后就item editor 修改数据
3) 用户修改完毕,销毁item editor 再用item renderer 显示数据
4) 用户修改完毕后要找到新的数据,并更新到dataprovider 中去

 

这种情况才是本节讲的重点。一个单元格里有多个属性对应,这种情况
上边两种办法都帮不上忙,这时我们要推翻原有的系统工作机制,自己完成上边说的四
个工作。其中第一项工作,系统己经帮我们完成了,剩下的三项工作全部在下边方法中
完成:
public function processData(event:ListEvent):void
{
event.preventDefault();
list.editedItemRenderer.data =
MultipleDataTypeEditor(list.itemEditorInstance).data;
list.destroyItemEditor();
list.dataProvider.notifyItemUpdate(list.editedItemRenderer);
}


event.preventDefault();的目地是停止原有动作,这样我们就可以自己去做剩下的三项工作了。
list.editedItemRenderer , 每个List 或dataGrid 都有这个属性,在itemEditBegin 、itemEditEnd
这两个事件发生时,你可以通过这个属性的data 得到当前editor 中的值。但默认情况下只会
得到一个String , 所以在例子中把修改过的两个属性以对象的形式传到data 中。
list.dataProvider.notifyItemUpdate(list.editedItemRenderer); 把修改过的数据保存在了
dataprovider 中。list.destroyItemEditor();是用于去掉item editor 的显示。

 

 

 

0 0