`
nianshi
  • 浏览: 421240 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Flex中的editedItemPosition

    博客分类:
  • Flex
阅读更多
最近想实现一个list双击编辑其项目的效果。查了一下帮助文档。看到一个createItemEditor() createItemEditor():
使用由 itemEditor 属性指定的编辑器在 editedItemPosition 为项目渲染器创建项目编辑器。
此方法将编辑器实例设置为 itemEditorInstance 属性。
您只能从 itemEditBegin 事件的事件侦听器中调用此方法。若要在其它时间创建编辑器,请设置 editedItemPosition 属性以生成 itemEditBegin 事件。

在ListEvent.ITEM_DOUBLE_CLICK监听函数中试了几次,没有实现效果,注意到上面有句话“若要在其它时间创建编辑器,请设置 editedItemPosition 属性以生成 itemEditBegin 事件。”于是将注意力转移到editedItemPosition上。

帮助文档中是这么解释editedItemPosition属性的:

正在编辑的数据提供程序项目的项目渲染器的列索引和行索引(如果有)。
此 Object 包含 columnIndex 和 rowIndex 这两个字段,分别是项目的从零开始的列索引和项目索引。对于 List 控件,columnIndex 属性始终为 0;例如:{columnIndex:0, rowIndex:3}。
设置此属性会将项目滚动到视图中,并会调度 itemEditBegin 事件以打开指定项目上的项目编辑器。
此属性可用作数据绑定的源。

所以就在DOUBLE_CLICK中指定了该属性。并在这之前打开了list的editable属性,在编辑完之后(ListEvent.ITEM_EDIT_END)将editable设回为false 。这样就实现了双击编辑list的效果。

具体代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:List id="list" x="146" y="90" width="225" height="250" labelField="name" doubleClickEnabled="true">
  <mx:dataProvider>
   <mx:Array>
    <mx:Object name="tian" />
    <mx:Object name="zhang" />
    <mx:Object name="diao" />
    <mx:Object name="zeng" />
   </mx:Array>
  </mx:dataProvider>
</mx:List>
<mx:Script>
  <![CDATA[
   import mx.events.ListEvent;
   private function init():void     list.addEventListener(ListEvent.ITEM_DOUBLE_CLICK , onDoubleClick ) ;
    list.addEventListener(ListEvent.ITEM_EDIT_END , onEnd ) ;   
   private function onDoubleClick(event:ListEvent):void     list.editable = true ;
    var editedPosition:Object = new Object() ;
    editedPosition.columnIndex = event.columnIndex ;
    editedPosition.rowIndex = event.rowIndex ;
    list.editedItemPosition = editedPosition ;   
   private function onEnd(event:ListEvent):void     list.editable = false ;   ]]>
</mx:Script>
</mx:WindowedApplication>
分享到:
评论

相关推荐

    FLEX中文帮助flex中文帮助

    flex中文帮助flex中文帮助flex中文帮助flex中文帮助

    flex 官方文档 中文教程

    Flex提供了强大的调试工具,如Flex Builder的集成开发环境(IDE),以及Flex SDK中的命令行编译器,帮助开发者定位和修复问题。 12. **国际化和本地化** Flex支持应用的国际化和本地化,允许开发者创建适应多种...

    Flex中文教程中文文档

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的开放源代码框架。...通过这个教程,读者不仅可以理解Flex的基本概念,还能掌握实际开发中的技巧和最佳实践,从而成为一名熟练的Flex开发者。

    flex中文帮助文档

    1. 创建项目:在Flex Builder或Adobe Animate CC中创建新项目,选择目标平台(如Flash Player或Adobe AIR)。 2. 设计界面:使用MXML或ActionScript创建组件,定义界面布局。 3. 编写业务逻辑:在ActionScript中编写...

    Flex中文帮助 学习Flex的好资料

    10. **最佳实践和设计模式**:学习Flex的过程中,了解和应用设计模式,如MVC(模型-视图-控制器)模式,可以帮助编写出可维护、可扩展的代码。 通过这份"Flex中文帮助"资料,你可以系统地学习Flex的基础概念、编程...

    Flex中文学习文档

    在Flex中,RTMP(实时消息传输协议)是一个关键协议,用于Flash播放器与服务器之间的音视频和数据传输。RTMP通过TCP保持长连接,实现实时通信,常见用途如ShareObject功能,允许在客户端和服务器之间共享数据。 综...

    flex中文教程.pdf

    ActionScript 3.0则是Flex中的编程语言,提供了面向对象的编程能力,使得开发者可以实现复杂的业务逻辑。 二、Flex SDK与Flex Builder Flex SDK是Flex开发的基础,包含了编译器、库和命令行工具,允许开发者在任何...

    《Flex_help》,Flex中文帮助

    在本压缩包"Flex_help"中,你将找到全面的Flex中文帮助文档,这对于正在学习或使用Flex的开发者来说是一份宝贵的资源。 Flex的主要组件包括Flex Builder(现已更名为Flash Builder)、Flex SDK以及Flex Framework。...

    FLEX中文教程+实例

    Flex中的数据绑定机制允许将UI组件的属性直接绑定到应用程序的数据模型,当数据模型发生变化时,UI会自动更新,反之亦然,简化了界面和数据间的交互。 六、Flex事件模型 Flex事件模型基于观察者模式,事件是组件间...

    flex中文帮助.rar

    通过“flex中文帮助”压缩包中的资料,初学者可以逐步了解和掌握这些基础知识,通过实例练习来巩固理论知识,为未来深入的Flex开发打下坚实的基础。每个章节都可能涉及上述的一个或多个知识点,通过实践和理解,学习...

    Flex中文帮助文档

    本Flex中文帮助文档旨在为初学者提供全面且深入的指导,帮助他们掌握Flex的基本概念、核心组件以及实际开发中的运用。 1. **Flex基础**:Flex是一个强大的开发环境,它提供了丰富的UI组件库和数据绑定机制,让...

    flex中文教程伴有flexbuilder

    这将帮助你理解Flex在RIA开发中的重要性。 2. **ActionScript与MXML**:ActionScript是Flex的主要编程语言,而MXML则是一种用于构建用户界面的标记语言。教程会深入解释这两种语言的语法、特点以及它们如何协同工作...

    Flex中文参考手册

    6. **_states_ 和 _effects_**:Flex中的状态管理允许你根据应用程序的不同阶段或用户行为改变组件的外观和行为。 7. **移动开发**:Flex也可以用于开发移动应用程序,适应iOS和Android平台,使用Adobe AIR技术。 ...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    在Flex开发中,有时我们需要将HTML内容嵌入到Flex应用中,以便实现更丰富的交互功能。然而,在这种情况下,可能会遇到一些技术挑战,比如Flex组件被HTML内容遮挡或者IFrame本身被隐藏。本文将详细讲解如何利用IFrame...

    flex 中文帮助文档

    flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助文档flex 中文帮助...

    Flex4 中文API

    在Flex4中,ActionScript3(AS3)是主要的编程语言,与Flex SDK紧密集成。AS3是ECMAScript的一个子集,拥有更强大的面向对象特性,如类、接口、包和命名空间,这使得它在构建复杂应用程序时更为高效。Flex4中文API...

    flex中文帮助手册大全

    8. **事件处理**:Flex中的事件模型允许组件之间通过事件进行通信。开发者可以监听并响应特定事件,如点击按钮、数据变化等,实现业务逻辑。 9. **服务连接**:Flex可以轻松地与各种后台服务(如AMF、SOAP、RESTful...

    Flex中文帮助文档,绝对实用

    - **数据绑定**: 第四章可能深入讲解了Flex中的数据绑定概念,这是Flex中一个强大的特性,允许UI组件的状态自动反映数据模型的变化,反之亦然。 - **事件处理**: 可能涵盖了事件监听器和事件处理程序的用法,解释了...

Global site tag (gtag.js) - Google Analytics