ext_GridPanel1_4

	//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属性,千万谨记
});
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值