RIA大讲堂在DataGrid中显示数据布局容器的使用创建自定义的MXML组件实现ValueObject类可以拖拽列标题到新位置可以点击标题完成排序(升序或降序)基于列表(行)的组件DataGridListTreeMenuTileListHorizontalList多个属性/对象的集合显示在一行每个对象显示在一列可以自定义列的顺序和显示,以及列标题可以选择多个项目可编辑的单元格可以使用itemRenderer自定义项目渲染支持拖放dataProviderModelDataGrid行和列View默认情况下DataGrid会显示模型中的所有数据。列标题会自动设置为属性名并且列的排列方式是不可预测的。mx:DataGridColumn/•可以限制显示的列数,并且可以通过为每一列创建一个DataGridColumn类实例的方法来设置列的显示顺序•也可以使用DataGridColumn实例来定制标题栏文字布局容器是FlashPlayer绘制的一个矩形区域,它包含控件和其它容器组件其它容器布局容器只控制其子内容的大小和位置,并且反过来被其父容器所控制。如果一个子内容大于其父内容,滚动条将会被添加以适应内容的尺寸。ApplicationPanelHBoxCanvas组件ALayout=“absolute”组件B组件Cx=“100”y=“100”组件A组件B组件Clayout=“vertical”组件A组件B组件Clayout=“horizontal”Application标签的pageTitle属性用来显示在浏览器的标题栏horizontalGap属性用来设置容器子内容之间像素间距值用于组织表单内容不同于HTML中的Form,Flex的Form只用于布局mx:Form-表单容器mx:FormHeading-定义表单的头部mx:FormItem-包含一个标签或更多的子元件你可以在画布容器块中嵌套其他的组件或者容器,通过设置x和y属性来进行绝对定位因为不需要嵌套计算,可以获得更好的性能每个的Flex应用程序都可以被分为多个MXML文件,它们都是自定义类。每个文件被称为“自定义MXML组件”,通常是程序的一个可视化区域。自定义MXML组件可以无缝集成到MXML程序中,就跟内置Flex框架组件一样。MXML组件AMXML组件BApplication将代码拆解,利于维护将代码拆为多个部分,利于团队协同工作分离出公用代码,利于重用每个自定义MXML组件是一个单独的文件和一个主程序文件一样,自定义组件也是一个XML结构和主程序文件不同的是,不使用MXMLApplication标签。创建一个新的MXML自定义组件文件要选择FileNewMXMLComponent?xmlversion=1.0encoding=utf-8?mx:HBoxxmlns:mx==400height=40verticalAlign=middlemx:Labeltext=Search/mx:TextInputtext=Entertexthere/mx:Buttonlabel=Searchnow//mx:HBox通过使用ValueObject,你可以用更有意义的方式来描述和组织你的数据。由于数据通常有多个属性(例如雇员可以有:名字,姓氏,电子邮件),开发人员可以把所有的属性集中在一个对象里,而不是依赖于多次请求服务器来获取这些信息。在Flex框架里,创建一个ActionScript类来作为一个ValueObjectpackagevalueobjects{publicclassEmployee{publicfunctionEmployee(){}}}包路径类名称构造方法都使用驼峰式命名类的首字母大写-MyClass变量的首字母小写-myClassInstancepackagevalueobjects{publicclassEmployee{publicfunctionEmployee(){}publicvarfristName:String;publicvarlastName:String;publicvarphone:String;publicvaremail:String;}}定义类的属性varcurrentEmployee:Employee=newEmployee();currentEmployee.fristName=Jim;currentEmployee.lastName=Green;currentEmployee.phone=438380189348;currentEmployee.email=hello@web.com;练习说明:exercise4.pdf练习说明:exercise5.pdfRIA行业资讯RIA活动信息活动资料(PPT,视频,源码),请加入RIAMeetingUserGroup下载