当前位置: 首页 > article >正文

Flex的item Editor,itemReder小结 ——(学习自FlexCookbox)

1.如果你只是想实现最简单的editor(下面的例子都是以DataGrid 为例)用户点击就进
入修改状态,失去焦点就结束修改。(每个单元格只对应data 中的一个单一属性)只
需:

<mx:DataGrid id="myGrid"dataProvider="{initDG}" editable="true">
<mx:columns>
<mx:DataGridColumn dataField="Company" editable="false"/>
<mx:DataGridColumn dataField="Contact"/>

</mx:columns>

</mx:DataGrid>

关键在于DataGrid 中的editable="true" 这样表格中所有单元格都可以修改,如果你想
使某一列不可被修改,则editable="false"。

2 再复杂一些,如果你有了一个复杂的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 中去
以上两种情况不管简单还是复杂,都有以上这几步操作的体现,只是大多数工作由系统完成。


3 说了这么多,这种情况才是本节讲的重点。一个单元格里有多个属性对应,这种情况
上边两种办法都帮不上忙,这时我们要推翻原有的系统工作机制,自己完成上边说的四
个工作。其中第一项工作,系统己经帮我们完成了,剩下的三项工作全部在下边方法中
完成:

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 的显示。

http://www.lryc.cn/news/2420466.html

相关文章:

  • echarts 地图_博客 城市访问量统计并且通过Echarts+百度地图展示
  • 什么是代理服务器?如何在编程中使用它?
  • 免费收录网站搜索引擎登录口
  • Spring 基于.xml的bean配置
  • CCF 期刊、会议 推荐目录
  • 基于JAVA医院医护人员排班系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
  • 使用CSS3画出一个叮当猫(超级可爱!)
  • 程序员电影,荧屏里的程序员形象
  • 关于list_entry
  • 抖音短视频实操:抖音热门视频的分类特点,如何选择视频内容(上)
  • dlib人脸68个特征点检测 Win10_VS2019编译过程和实验结果
  • windows WinHttp
  • Java之SVN快速入门,服务器VisualSVN和客户端TortoiseSVN的使用,IDEA下的SVN的配置和使用,SVN的目录规范
  • Megaupload关闭波及Filesonic 分享功能被停
  • Android常用系统广播
  • 米粉节”背后的故事——小米网抢购系统开发实践
  • MSN去窗口广告方法http://apatch.org/downloads/
  • 毕业设计:基于python淘宝数据采集分析可视化系统 商品销量数据分析 大数据项目(附源码+文档)✅
  • 数据仓库概念、主要特征以及主流开发语言SQL
  • List 和Set 区别
  • 10条网站易用性技巧
  • vue中props详解
  • BLE基础知识详解
  • C++ 与 CUDA: 搭建高性能计算系统
  • 使用历山手游SDK,轻松搭建高效的游戏联运平台
  • 磊科NW330 LINUX下驱动安装记
  • Apache Spark 基础知识总结及应用示例
  • pthread_cancel手册翻译
  • 微信小程序开发中的数据分析与统计
  • 出身比你好的人,比你聪明,还比你努力