//Record 定义记录结果
var Human = Ext.data.Record.create([
{name: "Name", type: "string", mapping: "name"},
{name: "Sex", type: "string", mapping: "sex"},
{name: "Birthday", type: "string", mapping: "birthday"},
{name: "Education", type: "string", mapping: "edu"},
{name: "Memo", type: "string", mapping: "memo"}
]);
//Reader
var reader = new Ext.data.JsonReader({}, Human);
//store
var store = new Ext.data.Store({
proxy: proxy,
reader: reader
});
store.load();
//列模型中的dataIndex必须和Human结构中的name属性值一一对应,这样就知道每一列显示什么值。
//现在列模型和数据都准备好了,将这些数据做为GridPanel的选项配置传递到GridPanel的构造方法中
//并适当设置GridPanel的外观参数,效果就出来了
var grid = new Ext.grid.GridPanel({
title: "中国公民",
width: 600,
autoHeight: true,
cm: cm,
store: store,
renderTo: "a",
autoExpandColumn: "memo" //自动伸展,占满剩余区域
});
//很多都是Ext.Panel中非常熟悉的参数,需要指出的是autoExpandColumn选项,该选项很有用,他能自动
//占用剩余的空间,将面板填满,autoExpandColumn的属性值是列模型中的id属性值,为了配合该功能,”备注“列和别的
//列不一样,多了一个id属性,千万谨记
});
?
详细解决方案
ext_GridPanel1_四
热度:310 发布时间:2013-11-22 23:06:19.0
相关解决方案