在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源包及使用实例详解** XTREE是一种用于构建动态树形结构的数据结构,它在计算机科学中常被用于组织和操作数据。...通过对XTREE的学习,我们可以更有效地解决实际问题,提高软件的性能和用户体验。
**xtree:深入理解与应用** xtree是一个用于数据结构...了解并熟练掌握xtree的使用,对于提升编程效率和解决复杂问题具有重要意义。通过阅读提供的文档和代码,我们可以更深入地学习xtree的各种特性和实际应用技巧。
关于"WebProject"的例子,这可能是一个完整的Web项目,包含必要的HTML、CSS和JavaScript文件,用于演示如何在实际环境中集成和使用xtree。如果你将此项目导入到myEclipse(一个流行的Java EE集成开发环境)中,你...
5. **使用和扩展** - 初始化:在HTML中创建容器元素,并在JavaScript中实例化xtree对象,绑定数据和配置项。 - 事件监听:xtree支持多种事件,如点击、展开、折叠等,通过监听这些事件可以实现与用户交互的功能。 ...
5. **api.html**、**implementation.html**、**usage.html**:这些HTML文件可能包含XTree的API文档、实现细节以及使用示例,帮助开发者理解如何集成和使用这个库。 6. **index.html** 和 **demo.html**: 这两个文件...
总之,xTree是一个强大且易于使用的JavaScript树形菜单解决方案,无论你是网页开发者还是前端工程师,都可以通过它来创建功能丰富的树形菜单,提升你的项目体验。它的全面文档和良好的可定制性,使得开发者能够轻松...
"xtree"是一个专用于构建这种树形视图的组件,它常与数据库系统(如Oracle)以及MVC框架(如Struts)结合使用,以提供动态的数据加载和交互功能。 首先,我们来看"xtree"。Xtree是一个JavaScript库,主要用于在Web...
在IT领域,尤其是在网页开发中,XTree是一种广泛使用的JavaScript库,用于创建交互式的树状菜单。这种菜单结构能够帮助用户以层次化的方式浏览和操作数据,尤其适用于组织大量分类信息,如文件系统、网站导航或者...
"xtree demo" 是一个基于JavaScript实现的树形数据结构展示工具的演示程序,它主要用于在Web应用中呈现...在实际项目中,xtree.js 可以结合其他前端框架(如jQuery、React或Vue)一起使用,以提升开发效率和用户体验。
3. **管理**:用户可以使用xTree进行文件和目录的创建、删除、重命名等操作。同时,它还支持文件的复制、剪切和粘贴,以及批量操作,使得文件管理更加便捷。 4. **排序与过滤**:xTree允许用户按照不同的标准(如...
1. **纯JavaScript实现**:XTree完全使用JavaScript编写,无需依赖其他库如jQuery,这使得它能够在任何支持JavaScript的环境中运行,包括浏览器和服务器端环境如Node.js。 2. **自定义可扩展**:XTree允许开发者根据...
xtree可能是提供了一种高效的方式,让用户能够一次性加载整个树形结构,以便于快速浏览和操作,正如描述中提到的“方便使用快捷,挺不错的”。 树形结构在计算机科学中有着广泛的应用,特别是在文件系统、数据库...
本文将深入探讨xtree开发包的相关知识,包括其设计理念、主要功能、应用场景以及如何使用。 首先,我们来理解xtree的基本概念。xtree通常是一种自平衡二叉查找树,如AVL树或红黑树,它能够以O(log n)的时间复杂度...
- 开发过程中,使用单元测试和集成测试来确保XTree控件的功能正确无误,特别是节点点击事件和详细内容的显示。 - 利用浏览器开发者工具进行性能分析,找出可能的瓶颈,优化代码执行效率。 通过以上步骤,我们可以...
`xtree`的异常情况可能包括数据加载失败、网络问题等,我们需要捕获并处理这些异常,给出友好的用户反馈。 综上所述,`XTreeDemo`实例将展示如何在`jsp`中集成`xtree`,实现数据的动态加载、用户交互以及与数据库的...
10. **模块化和打包**:作为一个现代JS组件,XTree2可能遵循模块化设计,如使用ES6的`import`和`export`,并且可能通过工具如Webpack或Rollup进行打包,以便在项目中方便地引入和使用。 了解了以上知识点后,开发者...
XTREE3.1是一款在Web开发中广泛使用的树形菜单系统,它以其高效、灵活和易用性而受到开发者们的青睐。这款软件的核心在于提供了一种结构化的、可扩展的方式来组织和展示网站的内容,尤其适用于构建层次分明的导航...
"readme.htm"是使用说明,可能包含了安装、配置和使用XTREE3与XTREE117刘涛改进版的步骤和注意事项。"xloaddemo.htm"和"xloadtreedemo.htm"可能涉及到了XLoadTree,这是一个基于XTREE的扩展,增强了异步加载和数据...
XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点,而对开发人员来说,就是只需要按一定的格式,生成一段 XML代码。XTREE可以自己定制每个结点的ICON和链接。XTREE是基于对象的,...