Flex组件使用文档.docx
HeX组件运用文档1. Panel组件的运用效果图：米茨汇总q系统等锄C总S)个口五级半妩9)个口四次系统9)个U三3系统(9)个U二Q泵烧(6)个口一打东妩(12)个U未定尊系统9)个I运用场景:对于tree或者datagrid建议运用panel包装,可以设计panel显示的IabeI例如*树或者*列表。运用方法：vmx:Panclid=""width="100%"heigh="100%"title="系统汇总”>Vmx:Tree></mx:Panel>2. EXtPanCI组件的运用效果图:产用分类S产品分类(11)Br3Wl安全专用产品6)网络产品(3)口操作不统Q)口数据库(4)_思务明G)直词JN司效Ul至运用场景:当须要在PaneI的标题框供应按钮、输入框、下拉菜单的时候，例如上图所示的需求原来供应的Panel组件就不能满意了，这时候须要运用ExtPanel组件0运用方法：<WidgetiExtPanelid=""width="80%"height="1OO%"title="策略列表"layout="vertical"><widget:ctrlHolder>/在这个位置放入按钮、输入框或下拉菜单，多个采纳HBOX包装</WidgetxtrlHolder>在这个位置放正常显示的tree或datagrid</widget:ExtPancl>4. CheckBoxHeaderColumn组件用法效果图：W序号E1M2M3运用场景：这个组件是为datagrid列表的每一行增加一个checkbox单选框，同时会在表头增加一个全选框撤选的开关。运用方法：<mx:DataGridid-""width=-100%"height="100%,WordWraP="true"dataProvider=""><mx:columns><grid:CheckBoxHeaderColumnid="chcckColumn"headerText="SE1.ECT"dataField="SE1.ECT,width="50"textAlign="centef'/><mx:DataGridColumnhcaderText="序号"textAlign三"center"labelFunction="countRowNum"width="70"></mx:columns>v/mx:DataGrid>5. PageBar分页组件效果图：运用场景：当列表数据量很大须要分页的时候，可以运用这个分页组件，该组件供应了分页的基本功能。运用方法：<paging:PageBarwidth三,'100%"request="1.request"pageChange="doPaging(event)">前台代码：Bindablepublicvar_request:Object;varreq:Object=newObjectO;rcq.pageSizc=10;req.SERIESCODE=*req.actionUrl="action/sys/gp.bd.fetchSyeBy1.evel.act"_request=req;/分页赋数据privatefunctiondoPaging(e:PageChangeEvent)：void'_system1.istDP=newrrayCollection(e.pageData);后天action代码：构造方法publicFetChProClUCt1.iStACtiOn()super()；1.ist<String>keys=newArray1.ist<String>();keys.add("SERIESCODE");keys.add("currcntPage");/CUrrentPagCNUm当前页码keys.add("pageSize,')jpageSize页面数据条目大小this.setDefKeys(keys);OVerridepublicvoidexecute!)throwsExceptionStringSeriesCode=this.getDefParamO.getStringCSERIESCODE');StringpageNo=this.getDefParamO.getString("currentPage");StringpageSize=this.getDefParam().getString("pageSize");1.ist<GenericVO>rs=this.getServiceOfetchProduct1.ist(seriesCode,IntCger.°arseZndpageNo),Integer.parscZ11dpagcSize);thi.setResultSet(rs);this.sctStat(SUCCES9;6. WindOWShade组件效果图：CftS之SM*组件打开时效果组件关闭时效果运用场景：般用在具体信息页面，当数据比较多，而且数据可以分成几个模块的时候，可以运用该组件达到模块之间的划分效果。运用方法：<code:WindowShadelabel="基本信息"width="100%"opencd="true">这个位置往往会是一个表单或者grid<code:WindowShado须要主义的是OPened的属性是限制这个组件的打开或关闭状态，默认打开。7. CombOBOX组件效果图:单位类型事业单位党委机关政府机关最后修改人事业单位目企业g运用场景：和html页面里面的卜拉菜单运用方式一样。运用方法：Vmx：ComboBoxid=""width="250"dataProvidcr=",>"enabled-"isEditable"prompt="bindObjectProxy.PROVINCE!=null?bindObjcctProxy.PROVINCEJ请选择.#/>8. DataSetPiCker用法效果图:侵罟客体公民.法人和;KM蛆我的合F中侵罟程度®国东安全355况：社合秩序、公32公昆法人和1信且系统名W公安部政府,”运用场景：运用方法：<picker:DataSctPickerid="scndccAgainstDegree"width="100%'rdatasetCode="GP-BD-DEGREE"SelectedID="1.bindData-SERVICE-AGAINST-DEGREErselectedValueChangedEvent="getSen1.evel()">9. CheCkboXtree组件用法效果图:
