首页 > 其他 > 详细

Ext.grid笔记

时间:2014-03-26 11:40:28      阅读:491      评论:0      收藏:0      [点我收藏+]

  

  在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指的是如何解析数据。

bubuko.com,布布扣

















Ext.grid笔记,布布扣,bubuko.com

Ext.grid笔记

原文:http://www.cnblogs.com/herrmaulbeer/p/3620774.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!