extjs中，怎么样做到左边是tree菜单，右边是grid、form等面板，当点击菜单时，右边出现相应的面板。

Question

extjs中，怎么样做到左边是tree菜单，右边是grid、form等面板，当点击菜单时，右边出现相应的面板。

Answer 1

先panel布局 然后为tree添加node的click事件

Answer 2

没有例子啊 上网搜吧  ext.panel布局

Answer 3

border布局然后就搞了动作连接起来就OK了

Answer 4

var menuTree = new Ext.tree.TreePanel({ 
region:'west', 
title:'功能菜单', 
width:180, 
// minSize:150, 
// maxSize:200, 
// split:true, 
// autoScroll:true, 
// autoHeight:false, 
collapsible:true, 
// rootVisable:false, //不显示根节点 
     dataUrl: 'system/samlib/get-nodes.php',
        root: {
            nodeType: 'async',
            text: 'Ext JS',
            draggable:false,
            id:'source'
        },
listeners: {
            'render': function(tp){
                    tp.getSelectionModel().on('selectionchange', function(tree, node){
if(node.isLeaf()){

                         alert(node.attributes+"|"+node.leaf+"|"+node.text+"|"+node.id);
/* var tabWin = app.getModule('Spidermodel');
if(tabWin){
tabWin.launcher.handler.call(this.scope || this);
}  
*/
var n = contentPanelc 
'id':node.id, 
'title':node.text, 
closable:true, //通过html载入目标页 
   items: grid
// html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="system/samlib/get-nodes.php?s=m"></iframe>' 
});
contentPanel.setActiveTab(n); 
}                    })
            }
        }  
}); 
为什么我写的代码为什么不显示grid？