ExtJS的TreePanl加载数据不显示的问题

Question

大家好！我做的TreePanl不显示节点的  页面代码
<script type="text/javascript" charset="UTF-8">
Ext.onReady(function(){ 
//初始化Extjs   
   Ext.QuickTips.init(); 
   var mytree=new Ext.tree.TreePanel({
       el:"gridpanel",
       animate:true,
       title:"简单Extjs动态树",
       collapsible:true,
       enableDD:true,
       enableDrag:true,
       rootVisible:true,
       autoScroll:true,
       autoHeight:true,
       width:150,
       lines:true,
       loader:new Ext.tree.TreeLoader({
          dataUrl:"http://localhost:9080/bill/sso/jsonTree.action"
       })
   });
   
   //根节点
   var root=new Ext.tree.AsyncTreeNode({
       id:"nodeTree",
       text:"控制面板",
       expanded:true
   });
   
   mytree.setRootNode(root);
   mytree.render();
}); 
Action 的代码
public class JsonTreeAction extends ActionSupport{ /**
 * 
 */
private static final long serialVersionUID = 8976038009281275534L;
private List<JsonTree> jsonTrees=new ArrayList<JsonTree>(); 
public List<JsonTree> getJsonTrees() {
return jsonTrees;
}
public void setJsonTrees(List<JsonTree> jsonTrees) {
this.jsonTrees = jsonTrees;
}


public String jsonTree()
{
this.jsonTrees=ToTree();
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/javascript;charset=UTF-8");
//JSONObject jsonObject = JSONObject.fromObject(jsonTrees);
//System.out.println("*******************["+jsonTrees.toString()+"]");
return SUCCESS;
}
public List<JsonTree> ToTree()
{
List<JsonTree> jdlist=new ArrayList<JsonTree>();
for (int i = 1; i < 2; i++)
        {
JsonTree jd = new JsonTree();
jd.setId("sup"+i);
jd.setText("节点"+i);
jd.setLeaf(false);
List<JsonTree> subjdlist=new ArrayList<JsonTree>();

            for (int j = 1; j < 2; j++)
            {
             JsonTree subjd = new JsonTree();
             subjd.setId("sub" + j);
             subjd.setText("子节点" + j);
             subjd.setLeaf(true);
     subjdlist.add(subjd);
            }
            jd.setChildren(subjdlist);
            jdlist.add(jd);
            }
return jdlist;
}
}控制台打印出的 JSON   [JSON]{"jsonTrees":[{"children":[{"children":[],"id":"sub1","leaf":true,"text":"子节点1"}],"id":"sup1","leaf":false,"text":"节点1"}]}怎么在页面就是不显示    
 

Answer 1

给lz参考下
Global = { userLoader : new Ext.tree.TreeLoader( {
//url : URL_APP_CTRL + 'userTree',
url:URL_APP_CTRL+'getApplicationTree',
listeners : {
'beforeload' : function(treeLoader, node) {
treeLoader.baseParams.id = (node.id != 'ROOT' ? node.id : "ROOT");
}
}
})
};
var record1 = Ext.data.Record.create([
      {name: 'id', type: 'int' }, 
      {name: 'application', type: 'string'} 
]);
var userTree = new Ext.tree.TreePanel({
//title : "用户列表",
border:false,
bodyStyle:'border:1px #ccc solid;background:#fff;padding-bottom:5;',
region : "center",
autoScroll:true,
expanded : true,
rootVisible : false,
root : new Ext.tree.AsyncTreeNode({
id : "root",
text : "root",
expanded : true,
loader : Global.userLoader
}),

listeners:{
load:function(){
userTree.setHeight(menu.getHeight()-26);

}
}
});