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