Question

Extjs Tree 后台获取的数据前台不能显示

前台代码

Ext.onReady(function(){
Ext.create('Ext.container.Viewport',{
layout:'border',
items:[{
title:'财务预警系统',
collapsible:true,
html:'<br><center><font size=7>财务预警系统</font></center>',
region:'north',
height:140
},{
title:'公司',
items:tree,
split:true,
collapsible:true,
region:'west',
width:200

}]
});
Ext.regModel('treeModel', {
fields: ['key','text']
});
var proxy=Ext.create('Ext.data.proxy.Ajax',{
url : 'tree.action',
reader : {
type : 'json',
root : 'tree'
}
});
var treeStore = Ext.create('Ext.data.TreeStore', {
model : 'treeModel',
proxy : proxy
});
treeStore.load();
var tree=Ext.create('Ext.tree.Panel', {
title: 'Simple Tree',
width: 200,
height: 150,
store: treeStore,
rootVisible: true
});
});
后台返回数据 {"tree":[{"text":"测试公司","leaf":true,"key":1},{"text":"测试公司2","leaf":true,"key":2},{"text":"测试公司3","leaf":true,"key":3}]}

前台的Tree始终没有

Answer 1

Ext.onReady(function(){

	var proxy=Ext.create('Ext.data.proxy.Ajax',{
		url : 'tree.json',
		reader : {
            type : 'json',
            root : 'tree'
        }
	});
	Ext.regModel('treeModel', {
	   fields: ['key','text']
	});
	var treeStore = Ext.create('Ext.data.TreeStore', {
		model : 'treeModel',
        proxy : proxy
    });
	var tree=Ext.create('Ext.tree.Panel', {
	   title: 'Simple Tree',
	   width: 200,
	   height: 150,
	   store: treeStore,
	   rootVisible: true
	});

	Ext.create('Ext.container.Viewport',{
		layout:'border',
		items:[{
			title:'财务预警系统',
			collapsible:true,
			html:'<br><center><font size=7>财务预警系统</font></center>',
			region:'north',
			height:140
		},{
			title:'公司',
			items:tree,
			split:true,
			collapsible:true,
			region:'west',
			width:200

		}]
	});
});

这样就可以了。 得把所有的页面都准备好了之后 才能load。而且创建页面的时候也是有顺序的，被依赖的先创建。

Answer 2

很简单···你struts2是哪个版本的，高于2.16的，有一个struts2-json-plugin-2.1.8.jar的插件包，放入lib后;你要做现实菜单就必须在后台创建一个tree的class，内容是这样的
/**树节点ID*/
private String id;
/**树节点名称*/
private String text;
/**图标*/
private String cls;
/**是否叶子*/
private boolean leaf;
/**链接*/
private String href;
/**链接指向*/
private String hrefTarget;
/**是否展开*/
private boolean expandable;
/**描述信息*/
private String description;
然后将数据中的数据存入这个类的对象，再把得到的对象加入到一个java.util.List treeList中，然后在action里面将treeList转换成json，方法是这样的
JSONArray jsonArray = JSONArray.fromObject(treeList);
getResponse().setCharacterEncoding("utf-8");
getResponse().getWriter().println(jsonArray.toString());
，可能说的有点马虎，有不理解的可以再追问。

Answer 3

估计是先创建Viewport 才运行到load(),
你把 Ext.create('Ext.container.Viewport',{})放在最后才运行面看看
或是 var treemodel = Ext.regModel('treeModel', { fields: ['key','text'] });
下面 model : treemodel,
没用过Ext.create创建对象,都是直接 var tree = new 'Ext.tree.Panel({})写的,不知道关不关这个事呢.试下吧.我电脑上没工具试不了