flex组件使用文档.pdf

Flex 组件使用文档 1．Panel 组件的使用 效果图： 使用场景：对于 tree 或者 datagrid 建议使用 panel 包装，可以设计 panel 显示的 label 例如*** 树或者***列表。 使用方法：<mx:Panel id="" width="100%" heigh="100%" title="系统汇总"> <mx:Tree /> </mx:Panel> 2 ．ExtPanel 组件的使用 效果图： 使用场景： 当需要在panel 的标题框提供按钮、输入框、下拉菜单的时候，例如上图所示的需求原 来提供的 Panel 组件就不能满足了，这时候需要使用 ExtPanel 组件。 使用方法： <widget:ExtPanel id=" " width="80%" height="100%" title="策略列表" layout="vertical"> <widget:ctrlHolder> //在这个位置放入按钮、输入框或下拉菜单，多个采用 HBox 包装 </widget:ctrlHolder> //在这个位置放正常显示的 tree 或 datagrid </ widget:ExtPanel> 4 ．CheckBoxHeaderColumn 组件用法 效果图： 使用场景： 这个组件是为 datagrid 列表的每一行增加一个 checkbox 单选框，同时会在表头增加一 个全选框撤选的开关。 使用方法： <mx:DataGrid id="" width="100%" height="100%" wordWrap="true" dataProvider=""> <mx:columns> <grid:CheckBoxHeaderColumn id="checkColumn" headerText="SELECT" dataField="SELECT" width="50" textAlign="center"/> <mx:DataGridColumn headerText="序号" textAlign="center" labelFunction="countRowNum" width="70"/> </mx:columns> </mx:DataGrid> 5 ．PageBar 分页组件 效果图： 使用场景： 当列表数据量很大需要分页的时候，可以使用这个分页组件，该组件提供了分页的基本功能。 使用方法： <paging:PageBar width="100%" request="{_request}" pageChange="doPaging(event)"/> 前台代码： [Bindable]public var _request:Object; var req:Object = new Object(); req.pageSize = 10; req. SERIESCODE = *******; req.actionUrl = "action/sys/gp.bd.fetchSysByLevel.act"; _request = req; //分页赋数据 private function doPaging(e:PageChangeEvent):void{ _systemListDP = new ArrayCollection(e.pageData); } 后天 action 代码： //构造方法 public FetchProductListAction(){ super (); List<String> keys = new Arr