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