Ext.grid笔记

　　

　　在EXT中表格控件必须包含列定义信息，并指定表格的数据存储器。表格的列定义信息由类Ext.grid.ColumnModel定义，而表格的数据存储器由Ext.data.Store定义。根据解析的数据的不同，数据存储器可分为JsonStore,simpleStore,GroupingStore等。

　　1.首先表格是二维的，与在数据库中新建表一样，我们要先设置表的列数，每列的名称和类型，以及如何显示。表格的数据结构和数据库表的数据结构非常类似。列的定义叫做ColumnModel  cm for short，

他是整个表格的列模型，应该首先创建。

var cm=new Ext.grid.ColumnModel([
    {header:'编号',dataIndex:'id'},
　　{header:'名称',dataIndex:'name'},
　　{header:'描述',dataIndex:'descn'},
]);

 

　　2.然后定义表格中要显示的数据

var data={
    ['1','name1','descn1']，
    ['2','name2','descn2'],
    ['3,'name3','descn3'],
}

　　3.我们还要转化原始数据。var store=...用来创建一个数据存储对象，这也是表格必须配置的属性，数据存储对象store负责把各种各样的原始数据转换成dExt.data.Record类型对象。我们可以把任何格式的数据转换成表格可以使用的形式，这样就不需要为每一种数据格式写一个对应的实现。
　　store对应两个部分，proxy和reader。proxy指的是获取数据的方式，reader指的是如何解析数据。
　　
　　

var store=new Ext.data.Store(
    proxy:new Ext.data.MemoryProxy(data),
    reader:new Ext.data.ArrayReader({},
    [{name:'id'},
    {name:'name'},
    {name:'descn'}]
     )
);

store.load();