extjs

Question

左边一个面板是树状菜单，点击菜单，在右边面板生成对应的页面，要用到什么属性？？？谢谢各位以下是树状菜单：
Ext.onReady(function(){
var root = new Ext.tree.TreeNode({
id:"root",
text:"树的根"});var c1 = new Ext.tree.TreeNode({
id:"c1",
text:"c1",
});root.appendChild(c1);var c2 = new Ext.tree.TreeNode({
id:"c2",
text:"c2"
});c1.appendChild(c2);var tree = new Ext.tree.TreePanel({
renderTo:"mytree",
root:root,
width:159
});
});
以下是面板代码，引用了树状菜单：left.html
Ext.onReady(function() {
new Ext.Viewport({
layout:"border",
items:[{region:"north",
height:100,
},
{region:"center",
id:"center",
frameConfig:{name:'mycenter'},
name:"center",
title:"中央面板"},
{region:"west",
id:"west",
width:160,
collapsible:true,
title:"左边面板",
autoLoad:{url: 'left.html',scripts:true},
}
]
});
})

Answer 1

改造了一下
Ext.onReady(function() {
    var win = new Ext.Window({
        id: "", layout: "fit", title: "", width: 530, height: 600, constrain: true, resizable: false, minimizable: true, maximizable: false,
        items: [
         {
             region: "west", width: 150, margins: "3 3 3 3", cmargins: "3 3 3 3", title: "",
             xtype: "treepanel", autoScroll: true, rootVisible: true,
             loader: new Ext.tree.TreeLoader({ url: "" }),
             root: new Ext.tree.AsyncTreeNode({ text: "", expanded: true, id: "0" }),
             listeners: {
                 click: function(node, e) {
                     var url = node.attributes.url;  //后台返回的节点格式[{id:1,text:"百度",url:"www.baidu.com"}],然后单击一个节点在右边就显示url的内容
                     document.getElementById("iframe").src = url;
                 }
             }
         }, {
             region: "center", layout: "fit", title: "", margins: "3 3 3 0",
             html: '<iframe id="iframe" name="iframe" src="" scrolling="auto" frameborder="0" width="100%" height="100%"  onload = "height = this.Document.body.scrollHeight + 10;" ></iframe>'//用iframe还可以避免跨域的麻烦
         }
        ]
    })
})