Extjs4.1文档example学习之 Array Grid Example

Extjs 4.1要创建一个 array grid 必须 要有 model  ；store； grid；

model  类似于 java中的类，继承自Ext.data.Model
里面定义了一些 成员，  

Ext.define('Company', {
    extend: 'Ext.data.Model',
    fields: [
       {name: 'company'},
       {name: 'price',      type: 'float', convert: null,     defaultValue: undefined},
       {name: 'change',     type: 'float', convert: null,     defaultValue: undefined},
       {name: 'pctChange',  type: 'float', convert: null,     defaultValue: undefined},
       {name: 'lastChange', type: 'date',  dateFormat: 'n/j h:ia', defaultValue: undefined}
    ],
    idProperty: 'company'//定义了这个model的唯一的标识，类似于数据库的一条记录的主见
});

这是model的一般用途，另外  model内可以定义一些其他的东西，比如

在http://docs.sencha.com/ext-js/4-1/#!/guide/data 官方指南中 说明了model可以定义以下这些东西。

定义了model之后，就是store，store简单的说就是处理model的物件，store说明了以什么形式加载model的数据，本地的还是网络的，store的具体用法看

文档说明。

 var store = Ext.create('Ext.data.ArrayStore', {
        model: 'Company',
        data: myData
    });

有了model 和store之后，必须要有数据，这里使用的是data  data数据与model数据对应。

var myData = [
        ['3m Co',    71.72, 0.02,  0.03,  '9/1 12:00am'],....]

最后是利用grid展现这个数据，grid中需要定义column  ，store  ，width ，height。renderto等conf，

总的来说    grid的数据展现使用的是mvc方式，  model-------》store-----》grid，

其他的函数表现，具体见例子 

http://docs.sencha.com/ext-js/4-1/#!/example/grid/array-grid.html