当前位置: 代码迷 >> Web前端 >> extgrid的应用
  详细解决方案

extgrid的应用

热度:119   发布时间:2012-10-25 10:58:57.0
extgrid的使用

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会直接绘制在页面上

  相关解决方案