extgrid的使用

最新推荐文章于 2017-12-26 10:02:29 发布

原创最新推荐文章于 2017-12-26 10:02:29 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #工作

ajax相关专栏收录该内容

11 篇文章

订阅专栏

本文展示了一个使用ExtJS创建网格面板的例子，通过ArrayStore存储数据并显示在GridPanel中，包括编号、姓名和工作等字段。

js文件部分

Ext.onReady(function(){
	var data=[[1,'james','manager'],
	          [2,'falk','engine'],
	          [3,'d','www'],
	          [4,'s','fff']];
	var vstore=new Ext.data.ArrayStore({data:data,fields:["id","name","job"]});
	var grid=new Ext.grid.GridPanel({
		title:"asus",
		store:vstore,
		autoHeight:true,
		columns:[{header:"编号",dataIndex:'id'},{header:"姓名",dataIndex:'name'},{header:"工作",dataIndex:"job"}]
	});
	new Ext.Viewport({layout:"border",items:[{region:"north",height:100,title:"顶部"},{region:"west",width:150,title:"菜单栏"},{region:"center",title:"内容部分",items:[grid]}]});
});

viewport会直接绘制在页面上