`
zhyt710
  • 浏览: 206070 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

给xtree构建节点方法增加参数

阅读更多

 xtree的节点id生成机制有问题(在一个页面生成多个tree的情况下,单个的时候没太注意)。用ajax刷新重建树的时候出现了所有节点id的值都一样的状况。引起的效果是节点不能收缩了。就这原因找了有大几个小时的时间。好在找到问题的关键。于是修改了xtree节点的构造方法。由自己指定id。修改的地方如下

 

/*
 * WebFXTreeAbstractNode class
 */

function WebFXTreeAbstractNode(sId, sText, sAction) {
	this.childNodes  = [];
	this.id     = sId; //这里进行了更改
	this.text   = sText || webFXTreeConfig.defaultText;
	this.action = sAction || webFXTreeConfig.defaultAction;
	this._last  = false;
	webFXTreeHandler.all[this.id] = this;
}

 

/*
 * WebFXTree class
 */

function WebFXTree(sId, sText, sAction, sBehavior, sIcon, sOpenIcon) {
	this.base = WebFXTreeAbstractNode;
	this.base(sId, sText, sAction); //这里进行了更改
	this.icon      = sIcon || webFXTreeConfig.rootIcon;
	this.openIcon  = sOpenIcon || webFXTreeConfig.openRootIcon;
	/* Defaults to open */
	if (webFXTreeConfig.usePersistence) {
		this.open  = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '0')?false:true;
	} else { this.open  = true; }
	this.folder    = true;
	this.rendered  = false;
	this.onSelect  = null;
	if (!webFXTreeHandler.behavior) {  webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior; }
}

 

/*
 * WebFXTreeItem class
 */

function WebFXTreeItem(sId, sText, sAction, eParent, sIcon, sOpenIcon) {
	this.base = WebFXTreeAbstractNode;
	this.base(sId, sText, sAction); //这里进行了更改
	/* Defaults to close */
	if (webFXTreeConfig.usePersistence) {
		this.open = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '1')?true:false;
	} else { this.open = false; }
	if (sIcon) { this.icon = sIcon; }
	if (sOpenIcon) { this.openIcon = sOpenIcon; }
	if (eParent) { eParent.add(this); }
}
分享到:
评论

相关推荐

    XTree

    这使得用户可以多选节点,增加了数据选择和过滤的灵活性。 3. **tree.js**: 可能是辅助或扩展XTree功能的另一个JavaScript文件,可能包含了特定的树形结构操作或者特定类型的节点处理。 4. **xtree.css**: 这是...

    xtree源包及使用实例

    XTREE的基本概念是基于节点的,每个节点可以有零个或多个子节点,形成一个层级结构。这种结构提供了线性数据的非线性表示,使得在复杂的数据组织和操作中具有较高的效率。 在XTREE的实现中,通常会包含以下关键组件...

    XTree XML生成树 帮助文档

    - XTree库提供了APIs和方法来解析XML文件并生成树形控件。这通常包括加载XML文件,解析节点,以及设置节点的点击事件等。 - 调用`XTree.loadXML()`函数,传入XML文件路径,可以加载XML数据到树结构中。 - 对于每...

    扩展xtree选择树

    "扩展xtree选择树"是一种基于JavaScript实现的数据结构和用户界面组件,主要用于构建可交互的树形数据展示。在Web开发中,它被广泛应用于文件系统导航、组织结构展示、菜单系统等场景,通过xtree,用户可以方便地...

    xtree

    在IT领域,特别是前端开发中,JavaScript是一种广泛使用的编程语言,用于构建交互式的网页和应用程序。"xtree"可能指的是一个JavaScript实现的树形数据结构库,它允许开发者在Web应用中创建和操作树结构。树是计算机...

    xtree1.1和例子

    4. **xtree.js**: 这很可能是xtree主库文件,包含核心的树形结构实现,包括创建、遍历、操作节点的方法,以及事件处理等功能。 关于"WebProject"的例子,这可能是一个完整的Web项目,包含必要的HTML、CSS和...

    js树,xtree,纯js

    1. **加载数据**:将树形数据结构加载到XTree中,通常通过调用特定的API方法,传入数据源。 2. **节点操作**:包括添加节点、删除节点、更新节点信息以及移动节点。 3. **展开/折叠**:用户可以点击节点来展开或折叠...

    xtree改进后的树状菜单

    增加了拖放功能,便于重新排列或移动节点;可能还引入了键盘快捷键,提高操作效率。 再者,文档的提供是软件开发的重要部分,尤其是在解释改进和使用方法时。这里附带的Word说明文档可能详细阐述了新功能、如何使用...

    XTree生成树状菜单

    - **递归调用**:为了构建多层次的树状结构,XTree通常使用递归函数遍历数据源,生成相应的HTML节点。 3. **核心功能** - **节点操作**:包括添加、删除、移动和选择节点。 - **展开/折叠**:用户可以方便地展开...

    xTree

    xTree通过JavaScript对象或JSON格式来构建这种结构,每个节点可以有子节点,形成多级展开和折叠的效果。在xTree中,可以通过API来添加、删除和修改节点,以及控制节点的展开与折叠状态。 **3. xTree的功能特性** -...

    xtree菜单树

    总的来说,xtree菜单树是软件开发中构建用户界面的一个重要工具,尤其适用于展示层次清晰、结构复杂的数据。理解和掌握xtree的实现原理及操作方法,对于提升软件的用户体验和功能完整性至关重要。无论是初学者还是...

    xtree demo

    2. **节点操作**:提供添加、删除、移动节点的方法,方便对树形结构进行动态管理。 3. **事件处理**:支持节点点击、双击、拖放等事件,便于用户与树结构进行交互。 4. **样式定制**:允许自定义节点的样式,如图标...

    xtree一颗完整的树xtree+oracle+struts

    "xtree"是一个专用于构建这种树形视图的组件,它常与数据库系统(如Oracle)以及MVC框架(如Struts)结合使用,以提供动态的数据加载和交互功能。 首先,我们来看"xtree"。Xtree是一个JavaScript库,主要用于在Web...

    xTree帮助

    4. **排序与过滤**:xTree允许用户按照不同的标准(如名称、大小、日期等)对节点进行排序,也可以设置过滤条件,只显示满足特定条件的节点。 5. **链接与快捷方式**:xTree支持创建书签或快捷方式,方便用户快速...

    树形结构xtree有添加和修改的功能。

    在这个描述中,提到的"添加和修改"功能意味着XTREE控件不仅能够动态地向树结构中添加新的节点,还能修改已存在的节点信息,这对于构建动态的、可操作的Web界面非常有用。 实现XTREE通常涉及到HTML、CSS和JavaScript...

    用js写的tree组件 xtree2

    XTree2是一款基于JavaScript编写的树形组件,用于在网页中构建可交互的层次结构数据展示。这个组件的第二部分可能包含对第一部分功能的扩展或优化,将所有代码集中在一个JS文件中,便于管理和维护。在Web开发中,...

    xtree开发包

    通常,xtree会提供构造函数创建空树,insert方法插入节点,erase方法删除节点,find方法查找指定键的节点,而begin和end迭代器则用于遍历整个树。此外,xtree还可能支持其他高级特性,如自定义比较函数、插入和删除...

    完整的xtree例子 和jsp联系

    `xtree`的异常情况可能包括数据加载失败、网络问题等,我们需要捕获并处理这些异常,给出友好的用户反馈。 综上所述,`XTreeDemo`实例将展示如何在`jsp`中集成`xtree`,实现数据的动态加载、用户交互以及与数据库的...

    xtree下载 树状图

    "xtree下载 树状图"这个标题暗示我们这里讨论的是一款名为xtree的软件或工具,它用于创建和查看树状图。xtree可能是提供了一种高效的方式,让用户能够一次性加载整个树形结构,以便于快速浏览和操作,正如描述中提到...

Global site tag (gtag.js) - Google Analytics