Flex之旅-数据处理.pptVIP

Flex之旅 --数据处理 一、数据绑定 数据绑定是指用户可以将某个属性与其他的属性或变量相关联。这样，当被绑定的属性或变量发生改变时，绑定项同时发生改变。例如，任意播放窗口大小，其上的组件相应变化尺寸。此时可使用绑定方法，将组件的宽度和高度分别以一定比例与主窗口的宽度和高度相关联。数据绑定是Flex技术中一项非常有用的技术，可以有效地减少程序代码，提高运行效率。 1? 简单绑定方式 ： Flex 3.0中绑定数据最简单的方式是使用“{}”运算符 使用“[Bindable]”关键字可指明变量或属性为可绑定。其语法如下所示。 [Bindable] 变量或属性 以下代码定义变量s为可绑定变量。 [Bindable] private var s:String=111111; ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml layout=absolute mx:Panel title=简单数据绑定 fontSize=13 x=225 y=180 height=138 width=213 verticalAlign=middle horizontalAlign=center ??mx:VBox !--横向拖动条组件-- ????mx:HSlider id=mySlider/ !--文本组件，显示拖动条-- ????mx:Text text={mySlider.value}“ id=“t”/ ??/mx:VBox??? /mx:Panel /mx:Application 2.mx:Binding组件绑定数据 mx:Binding source= mySlider.value ? destination= t.text/ 使用“{}”方式绑定数据简单、快速、代码更少，是实际开发中最频繁使用的语句之一。Flex 3.0绑定数据的特性能有效地减少代码，提高效率。在实际编写应用程序时建议尽量使用数据绑定，因为绑定的运行效率比代码实现的效率要高得多。 二、复杂数据的存储 1.mx:Model组件是Flex 3.0中的数据模型组件，用于存储自定义的数据。mx:Model以树型结构存储，类似XML数据定义。树型存储结构的优点是定位迅速、容易理解。mx:Model组件存储数据的语法如下所示。 mx:Model id=Model组件id ??? 根节点 ??? ??? 节点1/ ??? ??? 节点2/ ??? ??? … ??? /根节点 /mx:Model mx:Model组件定义数据时必须有根节点，即mx:Model标签下的有一节点能包括全部的其他节点。 以下代码使用mx:Model组件定义了员工的数据模型，包括名称、部门、E-mail等信息。将mx:Model组件中的数据作为DataGrid组件的数据源并显示。 ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=/2006/mxml layout=absolute fontSize=13 ??? mx:Model id=employeemodel?????????????? !--Model组件，用于存储数据-- ??????? employees ??????????? employee ??????????????? nameJohn Smith/name ??????? ??????? department技术部/department ??????????????? emailjohn@163.com/email ??????????? /employee ??????????? employee ??????????????? nameTom Steve/name ??????????????? department人力资源部/department ??????????????? emailtom@163.com/email ??????????? /employee ??????? /employees ??? /mx:Model ??? mx:Panel title=使用Model组件 ??????? !--DataGrid组件，用于表格显示数据-- ??????? mx:DataGrid dataProvider={employeemodel.employee} ??????????? mx:columns ??????????????? mx:DataGridColumn dataField=name headerText=员工名/ ??????????????? mx:DataGridColum