Viewport中tree当导航，点击叶子节点，右边更新内容的操作

Question

为了测试能否刷新成功，所以右边就定义了Button，但是发现无法显示，personInfo_show.jsp只输出点字母可以显示，请各位帮忙解决下 谢谢啦！

personInfo.jsp中的内容：

Ext.onReady(function() {
var port = new Ext.Viewport({
           
layout : "border",
title:"ds",
items : [{
region : "north",
height : 50
}, {
region : "west",
width : 200,
html : "<div id='tree'></div>"
}, {
region : "center",
id:"center"
}]
});
var root = new Ext.tree.TreeNode({
id : "root",
text : "个人管理中心"
});

var info = new Ext.tree.TreeNode({
id : "info",
text : "个人信息管理"
});

var post = new Ext.tree.TreeNode({
id : "post",
text : "发表帖子管理"
});

var message = new Ext.tree.TreeNode({
id : "message",
text : "发表留言管理"
});

var infoupdate = new Ext.tree.TreeNode({
id : "infoupdate",
text : "个人信息更改"
});
infoupdate.on("click",function(){             
            Ext.getCmp("center").load({url:"http://localhost:8080/BBS_2.0/jsp/personInfo_show.jsp"});
});

var postupdate = new Ext.tree.TreeNode({
id : "postupdate",
text : "更改帖子"
});
postupdate.on("click",function(){

});

var postdelete = new Ext.tree.TreeNode({
id : "postdelete",
text : "删除帖子"
});

});

var message = new Ext.tree.TreeNode({
id : "message",
text : "发表留言管理"
});
var messageupdate = new Ext.tree.TreeNode({
id : "messageupdate",
text : "更改留言"
});

});
var messagedelete = new Ext.tree.TreeNode({
id : "messagedelete",
text : "删除留言"
});


info.appendChild(infoupdate);
post.appendChild(postupdate);
post.appendChild(postdelete);
message.appendChild(messageupdate);
message.appendChild(messagedelete);
root.appendChild(info);
root.appendChild(post);
root.appendChild(message);
var tree = new Ext.tree.TreePanel({
renderTo : "tree",
root : root,
width : 200,
animate : true,
enableDD : false,
border : false
});

});
</script>


personInfo.jsp中的内容：

Ext.onReady(function(){
      var b=new Ext.Button(
      {id:"id",
       text:"text"
      });
   b.render(document.body);
});

问题补充
大家帮忙解决下！谢谢啦

Answer 1

[code="js"]Ext.onReady(function() {
var port = new Ext.Viewport({

    layout : "border",
    title : "ds",
    items : [{
        region : "north",
        height : 50
    }, {
        region : "west",
        width : 200,
        html : "<div id='tree'></div>"
    }, {
        region : "center",
        id : "center"
    }]
});
var root = new Ext.tree.TreeNode({
    id : "root",
    text : "个人管理中心"
});

var info = new Ext.tree.TreeNode({
    id : "info",
    text : "个人信息管理"
});

var post = new Ext.tree.TreeNode({
    id : "post",
    text : "发表帖子管理"
});

var message = new Ext.tree.TreeNode({
    id : "message",
    text : "发表留言管理"
});

var infoupdate = new Ext.tree.TreeNode({
    id : "infoupdate",
    text : "个人信息更改"
});
infoupdate.on("click", function() {
    Ext.getCmp("center").load({
        url : "personInfo_show.jsp",
        discardUrl : false,
        nocache : false,
        text : "Loading...",
        timeout : 30,
        scripts : true//主要是这个参数
    });
});

var postupdate = new Ext.tree.TreeNode({
    id : "postupdate",
    text : "更改帖子"
});
postupdate.on("click", function() {

});

var postdelete = new Ext.tree.TreeNode({
    id : "postdelete",
    text : "删除帖子"
});
var message = new Ext.tree.TreeNode({
    id : "message",
    text : "发表留言管理"
});
var messageupdate = new Ext.tree.TreeNode({
    id : "messageupdate",
    text : "更改留言"
});

var messagedelete = new Ext.tree.TreeNode({
    id : "messagedelete",
    text : "删除留言"
});

info.appendChild(infoupdate);
post.appendChild(postupdate);
post.appendChild(postdelete);
message.appendChild(messageupdate);
message.appendChild(messagedelete);
root.appendChild(info);
root.appendChild(post);
root.appendChild(message);
var tree = new Ext.tree.TreePanel({
    renderTo : "tree",
    root : root,
    width : 200,
    animate : true,
    enableDD : false,
    border : false

});

});
[/code]
personInfo_show.jsp 的代码
[code="html"]

var b=new Ext.Button({ text:"text", applyTo:'x' });

[/code]