Flex基础培训-6-[拖放与过滤]

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

RIA大讲堂从列表中拖放数据使用E4X过滤XML部署Flex和AIR应用2拖拽操作是交互系统中常见的数据操作方式比如Windows中的拖拽▪拖拽一个文件到另一个目录▪拖拽一个网页到桌面建立快捷方式4Flex中支持拖放操作,其实现的基础是DragManagerDragManager5DragManager类允许用户通过点击拖拽对象来实现不同组件中的数据移动DragManager类中只包含静态的方法和属性,不需要实例化组件A组件B数据拖拽6拖放的操作主要包含三个阶段初始化拖动放下7对于以List为基类的组件(包括List,Tree,DataGrid)的初始化阶段,使用者启动拖放操作来实现使用鼠标从组件中选取和移动一个条目。选定的组件被称为拖动发起者。8当用户在Flex应用程序中移动一个条目时,他们这时处于拖放操作的拖动阶段。在Flex拖放操作过程中显示的图片被称为拖动代理。正在拖拽的包含数据的条目对像叫做拖拽的源。9拖拽放开,或用户拖拽一个条目经过一个可以放下的目标时进行放下操作在这一阶段,应用程序检测被放开的数据是否是一个合法的格式。如果拖拽代理经过了一个无效的目标时,你会看到一个红色的X。10DragInitiator–被选中的组件是发起者Dragproxy–拖动代理,拖放中显示的图片Dragsource-正在拖拽的包含数据的条目对像是拖拽的源Droptarget-拖拽的条目经过组件时,如果可以放下,这个组件就是目标dragEvent-当拖拽的源移动经过放下的目标时,一个dragEnter事件会广播出去11mx:DataGridid=dgdataProvider={employeeData}width=300height=400dragEnabled=truedropEnabled=truedragMoveEnabled=trueallowMultipleSelection=true/mx:DataGrid允许拖起允许放下允许移除拖出数据允许多选1213XML=TheExtensibleMarkupLanguage(可扩展标识语言)你可以认为这是一种易于描述的数据格式优势:▪结构清晰,易于阅读▪易于检索▪适用范围广泛15?xmlversion=1.0encoding=UTF-8?rootemployeenameZhangSan/nameage18/agephone134830120/phonecityBeijing/cityemailzhangsan@web.com/emailfaceassets/image/face.jpg/face/employeeemployeenameLiSi/nameage18/agephone134830120/phonecityBeijing/cityemailll@web.com/emailfaceassets/image/face.jpg/face/employee/root16XML中的ECMAScript,简称E4X基于ECMAScript4的标准在AS3中,E4X是操作XML的新方式AS2中的XML类已更名为XMLDocument,仍然可用E4X让操作XML更简单,避免复杂的循环17过滤本质上讲就是检索,将符合检索条件的数据返回dataAdataBdataC过滤dataC原始数据集过滤后的数据集1819XMLXML类包含了操作XML对象所需的方法和属性XMLListXMLList类是一个有序集合的XML,包含一个或多个XML的对象。XMLListConllectionXMLListCollection类包装了XMLList对象,并且非常类似于ArrayCollection类20ignoreComments–忽略XML中的注释ignoreWhiteSpace–忽略XML中的空格appendChild()–添加一个对象到结尾childIndex()–返回XML对象的索引位置21XMLList是一组XML对象的集合它可以代表:整个XML文档一个XML片段任意一个或多个XML对象一个XML对象=只有一个XML对象的XMLListXML.length()是1XMLList.length()返回XML对象的个数22XMLListCollection类包装了XMLList对象将XMLList对象传递给XMLListCollectionvarmyCollection:XMLListCollection=newXMLListColection(myXMLList);myCollection.source=myXMLList;or23mx:HTTPServiceid=employeeServiceurl=assets/data/employee.xmlresult=resultHandler(event)resultFormat=e4x/返回格式为e4x24resultFormat=“xmlresultFormat=e4xor25返回XML节点不能使用E4X26返回XML可以使用E4X27使用filterFunction来过滤项目在过滤方法中循环检测每一个项目,并返回trueorfalse使用refresh()方法触发过滤操作要重置数据到非过滤状态,设置filterFunction属性为nullmyCollection.filterFunction=filterEmployees;28privatefunctionfilterEmployees(item:XML):Boolean{varsearchResult:XMLList;searchResult=item.(name==myTI.text);if(searchResult.length()0){returntrue;}else{returnfalse;}}29使用点(.)运算符定位节点使用数组语法([])引用特定的节点使用(@)用于明确的检索使用括号(检索条件)完成断言过滤操作3031默认的发布路径在bin-release发布后的SWF文件Player安装HTML外壳用于深层链接33选择项目(Project)属性(Properties)Flex编译器(FlexCompiler)。34设置FlexSDK的版本编译参数允许Player版本检测和导航整合3536和别人共享源代码37你可以用FlexBuilder创建一个AIR应用的安装包,这样,用户就可以直接将这个程序安装到他们的桌面并且作为一个桌面应用程序使用。开发框架依然是基于FlexFramework导出安装包安装桌面运行38注意选择应用类型39给应用程序一个独立的ID,生成一个独立ID一个通常的做法是使用反写的域名com.riameeting.sampleDesktop40?xmlversion=1.0encoding=utf-8?mx:WindowedApplicationxmlns:mx==absolute/mx:WindowedApplication4142修改AIR配置xxx-app.xml文件systemChromenone/systemChrometransparenttrue/transparentapplication.backgroundAlpha=0.24344练习说明:exercise10.pdf练习说明:filterFunctionRIA行业资讯RIA活动信息活动资料(PPT,视频,源码),请加入RIAMeetingUserGroup下载

1 / 47
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功