EXT4动态加载树显示不正常

Question

我定义了一个Panel，在west窗口加载完整的树目录，但是无法达到想要的效果：
JSP代码：  TreeBuild tb = new TreeBuild();
  String treejson = tb.getTreeJson();
  response.getWriter().print(treejson);
//返回值{title:'系统菜单1', xtype : 'treepanel', id : 'sys_manager', listeners : { itemclick : menuClick }, rootVisible : false, root : { nodeType : 'async', text : '根节点', children :[ {id:'aaaa',parentId:'sys_manager',text:'节点1',leaf:true}]}},
{title:'系统菜单2', xtype : 'treepanel', id : 'sys_test1' }
JS代码：
//从JSP获取数据
Ext.Ajax.request({
url : 'treedata.jsp',
success : function(response) {
//Ext.decode(response.responseText);
var json =eval('('+response.responseText+')');
Ext.getCmp("sys_function").add(json);//获取控件并添加items数据

}

});//定义panel
var west = new Ext.Panel({
region : "west",
id : "sys_function",
title : "系统功能导航",
split : true,
width : 180,
layout : "accordion",
collapsible : true,
tools : [{
id : "refresh",
handler : function() { }
}],
items:[]
});最终的结只会显示系统菜单2，不会将系统菜单1及节点1显示出来；但是，如果直接把返回的字符串拷贝到Ext.getCmp("sys_function").add()中，显示就是正常的；我发现一个规律，如果只有一个title及其子节点，显示都是正常的；但是如果有多个title，就只能显示最后一个title和它的子节点。请问是什么原因？
该如何修改？