ExtJs 4.2

1. 环境搭建

   Ext下载， （需要注册）使用版本为4.2.0，可使用现有项目已下载文件。

   Sencha Cmd下载，根据系统下载，可能依赖ruby(版本193)，ruby下载,用于编译的sass文件。

2. 构建项目

   使用sencha cmd 生成Ext应用 ,运行构建应用

   sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp   //初始化应用

   1. sencha app watch // 运行默认1841端口

   2. sencha web -port XXXX start // xxxx 为端口名，在xxxx端口运行

   3. sencha app build 构建项目

   修改主题： .sencha/app/sencha.cfg在文件内查找app.theme ,找到

   app.theme = ext-theme-classic // 修改成目标主题，现用主题ext-theme-neptune

 

 

3、MVC模式代码结构：

• Model模型 是字段和它们的数据的集合，例如User模型带有username和password字段，模型知道如何持久化自己的数据，并且可以和其他模型关联，通常都用在Store中去展示grid和其他组件的数据（Store类似于一个本地仓库(即数据存储器)
• View视图 是组件的一种，专注于界面展示 – grid, tree, panel 都是view
• Controllers控制器 一个安放所有使你的app正确工作的代码的位置，具体一点应该是所有动作，例如如何渲染view，如何初始化model，和app的其他逻辑

每个Extjs 4 都是从Application类实例开始，这个实例包含应用的全局配置（例如应用的名字），这个实例也负责维护对全部模型、视图、控制器的引用的维护，还有一个launch函数，会在所有加载项加载完成之后调用。所以每次新增的view 需要在Application里引用，ext的文件查找是通过文件路径的方式搜索。

//定义一个model

Ext.define('App.model.Users',{
  

    extend: 'Ext.data.Model',

    fields:[

        {"name":"itemTypeName" },

        {"name":"itemTypeCode"},