extjs的开发模式（实际项目运用）

简介：为了方便对js文件的管理，extjs4以上的版本进行了改革，采用了mvc模式，有点类似于spring mvc的开发模式。

extjs的mvc开发模式：

1.首先先定义一个model类，这里的model类就相当于一个数据结构，如string，int...

2.定义相关的数据存放store类,提供给panel去显示

3.依据页面需求定义相关的主面板panel类

4.如果需要编辑页面的再另外创建一个editPanel类

5.面板搭建好了之后开始在里面画具体的细节，通常也就是利用grid栅格来描述，因此创建一个grid类

6.对于页面中如果有需要下拉常量的，另外再创建一个const常量类

7.最后创建一个controller类来统一调用数据操作方法

以上是常规extjs4以上的开发模式

实际项目：

1.目录结构

2.项目结构分析

·首先创建一个store类，里面分两部分，上半部分定义了一个model类，下半部分则是定义一个分页的store类

·其次创建一个面板panel类

·然后创建一个grid类，grid类进行接收store内返回的数据

·由于页面有编辑功能，这时候需要创建2张form，一张是编辑时的，一张是编辑之后展示的formPanel

·创建一个EditFormPanel，创建一个FormPanel

·项目中有用到常量的下拉选，定义一个const类进行统一管理

·最后创建controller类，进行按钮功能的集中实现调用