1、生成表格代码

Ext.MyPanel=Ext.extend(Ext.Panel ,{
xtype:"panel",
	title:"我的面板",
	width:307,
	height:423,
	autoScroll:true,
	layout:"auto",
	autoDestroy:false,
	autoHeight:false,
	autoWidth:false,
	initComponent: function(){
		this.items=[
			{
				xtype:"grid",
				title:"我的表格",
				columns:[
					{
						header:"学号",
						sortable:true,
						resizable:true,
						dataIndex:"data1",
						width:100,
						hidden:false,
						menuDisabled:false,
						align:"center",
						fixed:false
					},
					{
						header:"姓名",
						sortable:true,
						resizable:true,
						dataIndex:"data2",
						width:100,
						align:"center"
					},
					{
						header:"年龄",
						sortable:true,
						resizable:true,
						dataIndex:"data3",
						width:100,
						align:"center"
					}
				]
			}
		]
		Ext.MyPanel.superclass.initComponent.call(this);
	}
})

Ext Designer生成表格