Extjs Grid 用法 pdf版
4星 · 超过85%的资源 需积分: 9 10 浏览量
2008-09-01
17:25:25
上传
评论
收藏 416KB PDF 举报 
Csdn Derstsea
Derstsea
Derstsea
Derstsea
Extjs Grid 的使用方法
- 1 -
Extjs
Extjs
Extjs
Extjs
Grid
Grid
Grid
Grid
的使用方法
Ext2.0 是一个 JS 框架，它的 Grid 控件和其它可以显示数据的控件，能够支持多种数据类型，
如二维数组、 Json 数据和 XML 数据，甚至包括我们自定义的数据类型。 E xt 为我们提供了 一
个桥梁 Ext.data.Store ，通过它我们可以把任何格式的数据转化成 grid 可以使用的形
式，这样就不需要为每种数据格式写一个 grid 的实现了。
首先，一个表格应该有列定义，即定义表头 ColumnModel ：
// 定义一个 ColumnModel ，表头中有四列
var cm = new Ext.grid.ColumnModel([
{header:' 编号 ',dataIndex:'id'},
{header:' 性别 ',dataIndex:'sex'},
{header:' 名称 ',dataIndex:'name'},
{header:' 描述 ',dataIndex:'descn'}
]);
cm.defaultSortable = true ;
该 ColumnModel 定义了表格的四个列，其每列的名称和对应的数据键。请注意
defaultSortable 属性， 即为每个列都安上一个可以排序的功能。 如果只想某些列举有该功
能，
可以设置：
{header: ' 编号 ',dataIndex:'id',Sortable:true},
现在就来看看这个 Ext.data.Store 是如何转换三种数据的。
1.
1.
1.
1.
二维数组：
// ArrayData
var data = [
['1','male','name1','descn1'],
['2','male','name1','descn2'],
['3','male','name3','descn3'],
['4','male','name4','descn4'],
['5','male','name5','descn5']
];
// ArrayReader
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy (data),
reader: new Ext.data.ArrayReader ({}, [
{name: 'id',mapping: 0},
{name: 'sex',mapping: 1},
{name: 'name',mapping: 2},
{name: 'descn',mapping: 3}
])
});
ds.load();
ds 要对应两个部分： proxy 和 reader
。
proxy 告诉我们从哪里获得数据， reader 告诉 我
资源评论
CPrimary2011-11-23可惜是2.2的我在寻找3.x的，不过还是谢谢，呵呵
