ExtJS流程总结（一）

最新推荐文章于 2021-01-03 23:13:06 发布

Arch_lvmeng

最新推荐文章于 2021-01-03 23:13:06 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/LM891108647/article/details/76240585

版权

这篇博客介绍了作者在学习ExtJS4.2框架过程中，针对ATM分类和型号模块的开发流程。在ExtJS的MVC结构中，涉及Controller、View、Model、Store等组件。开发步骤包括定义Controller，如atmType.js和atmBrand.js，Controller指定视图View，View由filterform和grid组件构成，实现增删改查功能。

摘要由CSDN通过智能技术生成

最近一直在学习ExtJs的使用，公司项目的前端框架使用的ExtJS4.2框架，ExtJs有自己的MVC结构，分为Controller,view,model,store,在整体的MVC架构中将view层又一次进行解耦，

这两天学习的模块是ATM的分类和型号模块，涉及到增删改查操作。开发流程大致如下：

首先会定义一个controller，如atmType.js，atmBrand.js等等

1、在controller层会指定要显示的视图层view，这个view一般是个大框架，view再次组装别的view组件

2、view分为上下两个部分，上面为一个查询条件的filterform，下面是一个显示数据的grid表格，所以在view层会分别引用filterform和grid组件，而这两个组件分别会在同文件夹或者在父类的view 中

3、在我们的filterform中,涉及到下拉选择的设置框一般都是一个combox，而这个combox一般放在filed文件夹中，
其他的一些编辑框中的属性也会在field中定义好，比如name,address，然后使用的时候要在requries中声明，
类似这种;
requires: [
'x.view.field.atmType.Name',
'x.view.field.atmType.TypeStatusComboBox',
'x.view.field.atmType.DeviceAtmCa