Extjs5开发学习-22-模块Form的自定义的设计

《Extjs5开发学习-22-模块Form的自定义的设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Extjs5开发学习・22■模块Form的自定义的设计前面几节完成了模块Grid的自定义，模块Form自定义的过程和Grid的过程类似，但是要更复杂一些。先来设计一下要完成的总体目标。1、可以有多个Form方案，对应于显示、新增、修改、审核、审批等功能；2、对于上述各种功能可以选择不同的Form方案，比如说修改可以有几个方案,各个操作员可以选择他们感兴趣的Form方案来进行数据的修改。3、每个Form方案中可以定义若干个字段分组(FieldSet或FieldContainer)o4、每个字段分组中可以放j若干个字段。5、每个Form方案可以定义成Tab或者Accordion显示方式。6.可

2、以放置下级模块的Grid在Form中;即master-detail方式。卜面我贴几个图显示一下自定义生成的form界面,好有个直观的了解。X最基本的Form界面,上面只有一个FieldSet,里面有若干个字段,还有一些操作按钮。2、由二个FieldSet组成的Form,其中某些可以折叠。3、在Form中加入子模块的Grid。:修尊菜单分组R系统鋼码加1菜单分组顺序号:分组名称:展开:分组描述:图标文件名:备注:日保存"上一条I•下一条■<>关闭4、在Form中加入Tab的样式。5、某些特殊格式的Form表。6、一个综合的上匕较复杂的例子：这个例子中加入单条记录的多个子模块,可以协同进行操作

3、。含同金額信息元•••••元元戒；44J元■-兀•・■■•■I寰；44,7元r・•・・#乂1%：2.616,626.00元・•••=元1零44,7!元•-X…二观44,7!元已支付金额：42.1-元已支付比例：94.00%合同其他信息付憨计划请款单付家草合同发票&建筑安英企业统一发親『项目合同：环岛西路』v发票类型㈡修改，■隱0▼®开黑金频发票号码开票日期0012014-06-20申计其中一个子楼块的环岛西路建筑安裝企业统一发票上面列出了一些在原来版本已经可以完成的Form类型,以上例子都是完全根据配置信息由extjs解释执行而生成的。可以由管理人员在系统中直接新增和修改任何的Form项，

4、由此完成了模块Form完全自定义的功能。在展示的FormField中，除了可以生成字符Field，也可以完成日期、数值、Combo等复杂类型的字段，只要想得出来的功能，就能够写成配置,然后解释后展示出来。在下面的实现过程中，由于没有前后台的交互，我只会做一个上匕较简单的例子来展示如何自定义Form的实现。