本文目录一览:
- 1、extjs4 如何通过ajax方式实现左面是一个树形菜单,点击相应的按钮,显示对应的页面
- 2、用extjs4做tree,结合struts,spring 查询数据库后返回json数据,并显示数据树,应该怎么做?
- 3、ExtJS的大神看过来,我现在想用实现一个树形结构,但是要求动态加载。求指导
extjs4 如何通过ajax方式实现左面是一个树形菜单,点击相应的按钮,显示对应的页面
这是我用的方法,希望能帮到你
页面左半边是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’
}]
}]
用extjs4做tree,结合struts,spring 查询数据库后返回json数据,并显示数据树,应该怎么做?
很简单···你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());
,可能说的有点马虎,有不理解的可以再追问。
ExtJS的大神看过来,我现在想用实现一个树形结构,但是要求动态加载。求指导
默认做个tree出来就是这样的,主要看你请求回来的数据,如果节点数据中有children属性,那当你点击此节点时不会去服务端请求,否则会自动请求的
原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/302930.html