在xtree使用过程中,遇到了这样一个问题,就是在点击一个节点的时候,要ajax请求返回json数据然后生成下一级树,但是当客户再次点击该节点的时候,xtree同样还是把刚才的子节点重现加载一遍,这样该节点下的子节点就重复了,代码如何
var tree = new WebFXTree('测试', 'javascript:\" onclick=\"return false;');
tree.setBehavior('classic');
//将返回的json数据动态生成树
var showTree = function(data){
if (data != null && typeof data == 'object') {
for (var i = 0; i < data.organizationViews.length; i++) {
if (data.organizationViews[i].type == 'ORG') {
if (null == tree.getSelected()) {
tree.add(new WebFXTreeItem(data.organizationViews[i].organization.organizationName, 'javascript:\" onclick=\"javascript:findOrg(' + data.organizationViews[i].organization.organizationId + ');'));
}
else {
tree.getSelected().add(new WebFXTreeItem(data.organizationViews[i].organization.organizationName, 'javascript:\" onclick=\"javascript:findOrg(' + data.organizationViews[i].organization.organizationId + ');'));
}
}
else
if (data.organizationViews[i].type == 'EMPLOYEE') {
if (null == tree.getSelected()) {
tree.add(new WebFXTreeItem(data.organizationViews[i].employee.employeeName, 'javascript:\" onclick=\"javascript:test(' + data.organizationViews[i].employee.employeeId + ');'));
}
else {
tree.getSelected().add(new WebFXTreeItem(data.organizationViews[i].employee.employeeName, 'javascript:\" onclick=\"javascript:test(' + data.organizationViews[i].employee.employeeId + ');'));
}
}
}
tree.expandAll();
}
document.getElementById("rogPanel").innerHTML = tree.toString();
}
//根据父节点查询下一级的组织机构
function findOrg(organizationId){
var url = "organization!getOrgJson.do";
$.getJSON(url, {
orgId: organizationId
}, showTree);
}
分享到:
相关推荐
学习和运用Xtree的资源包及使用实例及API,值得学习
扩展xtree选择树
xtree1.1和例子 包含文件xloadtree.js,xmlextras.js,xtree.css,xtree.js 例子为WebProject,加入myEclipse可以运行
xtree一颗完整的树xtree+oracle+struts实现
XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点,而对开发人员来说,就是只需要按一定的格式,生成一段 XML代码。XTREE可以自己定制每个结点的ICON和链接。XTREE是基于对象的,...
WEB XTREE 树状菜单,嵌套在html标签中.
xtreedemo源代码,包含xtree.js等资源
xtree简明教程、例子
XTREE_API
XTree树状菜单(利用javascript编写)
xtree开发包
js tree js树形xtree117
javascrip 树
javascript treeview contal, ajax动态装载xml数据,速度快
2010-5-29 修改增强 by newtower qq:30234923 , 为尊重作者, 仍用 xtree2 的名字, 实质已相当于 xtree 3.0 release 经过修改 和 充实demo范例, 已经完全满足商业化应用, 开源免费 目前实用效果最好的web树菜单, 可...
老外用JavaScript写的树形菜单. 我感觉比 梅花雪 那个要稍微好用点..帮助文档等都很齐全.
树形结构的树状图,一次性加载,方便使用快捷,挺不错的
一个很好的js树,用纯js实现,供大家学习和参考
xtree js结构树控件 This new version is based on objects, so you do not create the actual html code for the tree yourself, you create an object (the tree's root folder) and then you add child items to ...