如何动态的在panel中显示控件

shytian 2008-11-05 我做的一个页面，左边是一棵树，右边是一个panel，如何实现在点击树节点时，在右侧panel中根据点击的节点不同显示不同的内容（例如点击节点A对应显示Form A，点击节点B对应显示Form B）
	lip5218 2009-02-20 listeners : { 'click' : function(node, event) { event.stopEvent(); var n = centerPanel.getComponent(node.id); if (!n) { // 判断是否已经打开该面板 n = centerPanel.add({ 'id' : node.id, 'title' : node.text, closable : true, // 通过html载入目标页 html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="login.action"></iframe>' }); } centerPanel.setActiveTab(n); } 这样就可以了。
	shytian 2009-03-25 你用的是TablePanel，可我右侧的是普通Panel
	upup1000 2009-03-26 var formA = new Ext.form.FormPanel({...}); var formB = new Ext.form.FormPanel({...}); tree.on('click',function(n){   var cp = Ext.getCmp('centerpanel');   cp.removeAll();   if(n.text=="form A"){     cp.add(formA);   }else if(n.text=="form B"){     cp.add(formB);   }   cp.doLayout(); })
	upup1000 2009-03-26 或者 var vp = new Ext.Viewport({   layout:'border',   items:[{     region:'west',     width:120,     xtpye:'treepanel',     ...     listeners:{       click:function(n){         if(n.text=="form A"){           vp.items[1].setAcitveItem(1);         }else if(n.text=="form B"){           vp.items[1].setActiveItem(2);         }else{           vp.items[1].setActiveItem(0);         }       }     }   },{     xtype:'panel',     layout:'card',  //card layout     activeItem:0,     items:[       {},       new Ext.form.FormPanel({id:'formA'}),       new Ext.form.FormPanel({id:'formB'})     ]   }] }); 这个只是随便写的，大概是这个意思，没运行过，也许不对
	shytian 2009-03-31 已经解决，使用card布局。设置activeItem参数
	jzcsl700 2009-04-10 var mainPanel = new Ext.Panel({region : 'center', id :  'mainPanel', layout: 'fit', border : false, items:{               title: 'First Panel',                html : '<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">' + '<tr>' + '<td align="center">' + '<img src="/images/biaoti.jpg" width="611" />' + '</td>' + '</tr>' + '</table>'             } }); var cmpPanle = Ext.getCmp("mainPanel"); //null cmpPanle.remove(cmpPanle.items.first()); cmpPanle.add(panel); cmpPanle.doLayout();
	jzcsl700 2009-04-10 shytian 写道 已经解决，使用card布局。设置activeItem参数 card如果panel多了就不太好了