Extjs4 点击树

Question

Extjs4 在一个为上 左 中的框架页面中，点击左面框架的树，中间显示相应的内容，怎么做？
  

Answer 1

var store = Ext.create('Ext.data.TreeStore', {
        proxy: {
            type: 'ajax',
            url: 'Data/MenuTree.js'
        },
        model: treemodel,
        root: {
            text: '菜单',
            id: 'root',
            expanded: true,
 children: [
            { text:"用户管理", leaf: true ,page:'http://www.csdn.net'},
             { text:"客户管理", leaf: true ,page:'CustomerManager/CustomerMgr.html'},
            { text:"客户关系", leaf: true ,page:'http://www.qq.com'}
        ]        },
        folderSort: true,
        sorters: [{
            property: 'text',
            direction: 'ASC'
        }]
    });    var tree = Ext.create('Ext.tree.Panel', {
        id: 'tree',
        store: store,
        //height: 432,
        height:'100%',
        //layout:'fit',     
        viewConfig: {
            plugins: {
                ptype: 'treeviewdragdrop',
                appendOnly: true
            }
        }
    });

Answer 2

单击树节点右边动态添加一个tab页
和Ext之前的版本一样写。

Answer 3

给TreePanel添加Click事件  然后右边的Panel刷新或者用autoLoad加载新的页面

Answer 4

fkueyygyispw
(小咪娃儿)
:
你好，点击树结点监听事件可以做，但是给panel加载一个页面的代码如何写，之前的写法是直接用
panel.load({
url:"xxxx",
scripts:true
});
这样的做法，但现在这种写法好像不行，能否写一小段代码?

Answer 5

我中间放的是TabPanel，
你可先把中间panel的东西remove掉后再用panel.load({});试试