Question

extjs4 如何通过ajax方式实现左面是一个树形菜单，点击相应的按钮，显示对应的页面

例子不要。看不懂，求一个详细的又简单的例子。
急求大神啊。给了可以加分

　　items: [{
　　region: 'west',
　　layout: 'fit',
　　xtype: 'treepanel',
　　id: 'z1',
　　root: {
　　text: '中国地图',
　　expanded: true,
　　id: 'tree1',
　　children: [{
　　"text": "顶层",
　　"children": [{
　　"text": "底层1",
　　"leaf": true,
　　"url": 'WebForm2.aspx'
　　}, {
　　"text": "底层2",
　　"leaf": true,
　　"url": 'WebForm2.aspx'
　　}, {
　　"text": "底层3",
　　"leaf": true,
　　"url": 'WebForm2.aspx' }]
{
　　///这是右边的按照你说的
　　border: false,
　　autoScroll: true,
　　region: 'center',
　　title: 'nihao',
　　html: '<iframe scrolling="auto" width="100%" height="100%"></iframe>'}

Answer 1

这是我用的方法，希望能帮到你
页面左半边是tree框
//左侧树定义
var tree = Ext.create('Ext.tree.Panel', {//参数});、

页面右半边是firame框
<iframe scrolling="auto"></iframe>

//定义功能函数
function reDirect(where){
window.frames[0].location = where;
}

//定义单击事件
tree.on({
'itemclick' : function(view, rcd){
var url = rcd.get('url');
reDirect(url);
}
});

当然，这样做，需要你在生成树时，在json串加一个url的field，里边的值是你跳转页面的地址，例
[{
"text": "顶层",
"children": [{
"text": "底层1",
"leaf": true,
"url": 'page1.html'
},{
"text": "底层2",
"leaf": true,
"url": 'page2.html'
},{
"text": "底层3",
"leaf": true,
"url": 'page3.html'
}]
}]

追问

解决了。谢谢你。