简介:为了方便对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类,进行按钮功能的集中实现调用