flex里itemRenderer和itemEditor区别

 

如果你有了一个复杂的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 的显示。