《Flex组件使用文档.docx》由会员分享,可在线阅读,更多相关《Flex组件使用文档.docx(7页珍藏版)》请在优知文库上搜索。
1、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:Tree2. EXtPanCI组件的运用效果图:产用分类S产品分类(11)Br3Wl安全专用产品6)网络产品(3)口操作不统Q)口数据库(4)_思务明G)直词JN司效Ul至运用场景:当须要
2、在PaneI的标题框供应按钮、输入框、下拉菜单的时候,例如上图所示的需求原来供应的Panel组件就不能满意了,这时候须要运用ExtPanel组件0运用方法:/在这个位置放入按钮、输入框或下拉菜单,多个采纳HBOX包装在这个位置放正常显示的tree或datagrid4. CheckBoxHeaderColumn组件用法效果图:W序号E1M2M3运用场景:这个组件是为datagrid列表的每一行增加一个checkbox单选框,同时会在表头增加一个全选框撤选的开关。运用方法:v/mx:DataGrid5. PageBar分页组件效果图:运用场景:当列表数据量很大须要分页的时候,可以运用这个分页组件,
3、该组件供应了分页的基本功能。运用方法:前台代码: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代码:构造方法publicFe
4、tChProClUCt1.iStACtiOn()super();1.istkeys=newArray1.ist();keys.add(SERIESCODE);keys.add(currcntPage);/CUrrentPagCNUm当前页码keys.add(pageSize,)jpageSize页面数据条目大小this.setDefKeys(keys);OVerridepublicvoidexecute!)throwsExceptionStringSeriesCode=this.getDefParamO.getStringCSERIESCODE);StringpageNo=this.getDe
5、fParamO.getString(currentPage);StringpageSize=this.getDefParam().getString(pageSize);1.istrs=this.getServiceOfetchProduct1.ist(seriesCode,IntCger.arseZndpageNo),Integer.parscZ11dpagcSize);thi.setResultSet(rs);this.sctStat(SUCCES9;6. WindOWShade组件效果图:CftS之SM*组件打开时效果组件关闭时效果运用场景:般用在具体信息页面,当数据比较多,而且数据可以分成几个模块的时候,可以运用该组件达到模块之间的划分效果。运用方法:这个位置往往会是一个表单或者gridenabled-isEditableprompt=bindObjectProxy.PROVINCE!=null?bindObjcctProxy.PROVINCEJ请选择.#/8. DataSetPiCker用法效果图:侵罟客体公民.法人和;KM蛆我的合F中侵罟程度国东安全355况:社合秩序、公32公昆法人和1信且系统名W公安部政府,”运用场景:运用方法:9. CheCkboXtree组件用法效果图: