Extjs的各种自学问题，希望有大神能支点一下

[mrevn2]

首先是这样的，本人初学Extjs，公司需要使用，学习的过程总是痛苦的。目前需要的我呢提是这样

这里有四个table，代码如下：

items : [{// 定义选项卡
				title : 'Headers',
				id : 'headers',
				xtype : 'hbox'
//				hidden : true
			}, {
				title : 'Cookies',
				id : 'cookies',
				xtype : 'hbox'
			}, {
				title : 'Query',
				id : 'query',
				xtype : 'hbox'
			}, {
				title : 'Post',
				id : 'post',
				xtype : 'hbox'
			}]

下面是hbox代码

Ext.define('app.view.tabpanel.Hbox', {
	//创建一个Hbox。用来平分panel画板，并在hbox中添加两个画板，存放两个grid
			extend : 'Ext.Panel',
			xtype : 'hbox',
			layout : {
				type : 'hbox',
				align : 'stretch'
			},
			padding : 10,
			items : [{
						xtype : 'panel',
						items : {
							xtype : 'TabPanel1'
						},
						flex : 1//宽度占比1份
					}, {
						xtype : 'panel',
						items : {
							id : 'tabPanel22',
							xtype : 'TabPanel2'
						},
						flex : 1
					}]
		})

其次是中间用到的gridpane代码，tablpanel1和2是一样的，

Ext.define('app.view.tabpanel.TabPanel1', {
			extend : 'Ext.grid.Panel',
			xtype : 'TabPanel1',
			border : '1,1,1,1',
			autoScroll:true,
			height : 300,
			// id : 'tabPanel1',
			viewConfig : {
				forceFit : false,
				columnLines : true,// 显示表格竖线
				stripeRows : true
				// 在表格中显示斑马线
			},
			autoExpandMax : true,
			store : {
				storeId : 'store2',
				model : 'app.model.TabPanelModel1',// 定义model
				proxy : {// 代理获取json数据
					type : 'ajax',
					url : 'app/store/store2.json',
					reader : {
						type : 'json'
					}
				},
				autoLoad : false
			},
			columns : [// 定义grid表头
			{
						flex : 0.5,
						text : 'name',
						dataIndex : 'name'
					}, {
						flex : 0.5,
						text : 'value',
						dataIndex : 'value'
					}]
		})

目前需要想实现的效果是点击图片中的行，触发了行事件，然后在tab中现实本地的store数据，因为师傅说要考虑到代码复用的问题，因此我的想法是在tabl选项卡中对每个hbox中的gripanel进行动态的store添加和列的动态添加，实现如下的效果

[小泥鳅爱游泳]

grid中有grid.columns[7].hide();和show（）方法的，你只要一次写完全部的表头，然后根据条件显示你的要的列就行了。