ExtJS:点击左边tree菜单，右边显示数据

Ext.onReady(function() {
    //只给leaf为true的节点加data，否则会与父节点展开事件发生冲突
    var store = Ext.create("Ext.data.TreeStore", {
        root:{
            expanded:true,
            children:[ {
                text:"detention",
                data:"html1.html",
                leaf:true
            }, {
                text:"homework",
                expanded:true,
                children:[ {
                    text:"book report",
                    data:"html2.html",
                    leaf:true
                }, {
                    text:"alegrbra",
                    data:"html3.html",
                    leaf:true
                } ]
            }, {
                text:"buy lottery tickets",
                data:"html4.html",
                leaf:true
            } ]
        }
    });
    Ext.create("Ext.tree.Panel", {
        store:store,
        rootVisible:false,
        listeners:{
            itemclick:function(v, r) {
                if (r.raw.data) {
                    //获取节点的data的值
                    alert(r.raw.data);
                }
            }
        },
        renderTo:Ext.getBody()
    });
});

在后面的面板中加一个panel，设置其html为

再修改刚才的itemclick事件

document.getElementById('target').src = r.raw.data;