在EXT中表格控件必须包含列定义信息,并指定表格的数据存储器。表格的列定义信息由类Ext.grid.ColumnModel定义,而表格的数据存储器由Ext.data.Store定义。解析的数据的不同,数据存储器可分为JsonStore,simpleStore,GroupingStore等。
首先表格是二维的,与在数据库中新建表一样,我们要先设置表的列数,每列的名称
和类型,以及如何显示。表格的数据结构和数据库表的数据结构非常类似。
列的定义叫做ColumnModel
cm for short,他是整个表格的列模型,应该首先创建
var cm=new
Ext.grid.ColumnModel([
{header:‘‘,dataIndex:‘‘}
]);
var data={
[‘1‘,‘name1‘,‘descn1‘],
[‘2‘,‘name2‘,‘descn2‘]
}
在上面的代码中var
data=。。用来定义表格中要显示的数据
此外,我们还要转化原始数据。如下面的代码所示
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();
var
store=..用来创建一个数据存储对象,这也是表格必须配置的属性
,数据存储对象store负责把各种各样的原始数据转换成dExt.data.Record类型
对象。我们可以把任何格式的数据转换成表格可以使用的形式,这样就不需要
为每一种数据格式写一个对应的实现。
store对应两个部分,proxy和reader。
proxy指的是获取数据的方式,reader指的是如何解析数据。
原文:http://www.cnblogs.com/herrmaulbeer/p/3620774.html