`

DTree的BUG解决方法

    博客分类:
  • js
阅读更多
dtree.js的BUG
当dtree条目的URL包括空格时,浏览器将会提示出错。

解决方法如下:
打开dtree.js源文件,找到 onClick=' + node.url + ''; 这段代码,
替换为:onClick=\'' + node.url + '\'';

dTree.prototype.node = function(node, nodeId) {
var str = '<div class="dTreeNode">' + this.indent(node, nodeId);
if (this.config.useIcons) {
if (!node.icon) node.icon = (this.root.id == node.pid) ? this.icon.root : ((node._hc) ? this.icon.folder : this.icon.node);
if (!node.iconOpen) node.iconOpen = (node._hc) ? this.icon.folderOpen : this.icon.node;
if (this.root.id == node.pid) {
node.icon = this.icon.root;
node.iconOpen = this.icon.root;
}
str += '<img id="i' + this.obj + nodeId + '" src="' + ((node._io) ? node.iconOpen : node.icon) + '" alt="" />';
}
if (node.url) {

str += '<a id="s' + this.obj + nodeId + '" class="' + ((this.config.useSelection) ? ((node._is ? 'nodeSel' : 'node')) : 'node') + '" href=javascript:void(0) onClick=\'' + node.url + '\'';
if (node.title) str += ' title="' + node.title + '"';
if (node.target) str += ' target="' + node.target + '"';
if (this.config.useStatusText) str += ' onmouseover="window.status=\'' + node.name + '\';return true;" onmouseout="window.status=\'\';return true;" ';
if (this.config.useSelection && ((node._hc && this.config.folderLinks) || !node._hc))
str += ' onclick="javascript: ' + this.obj + '.s(' + nodeId + ');"';
str += '>';
}
else if ((!this.config.folderLinks || !node.url) && node._hc && node.pid != this.root.id)
str += '<a href="javascript: ' + this.obj + '.o(' + nodeId + ');" class="node">';
str += node.name;
if (node.url || ((!this.config.folderLinks || !node.url) && node._hc)) str += '</a>';

if(node.ifid){
str +='&nbsp;&nbsp;<a href=javascript:catedel('+node.id+')><img width=10 height=10 src=img/redclose.gif></a>';

}
str += '</div>';
if (node._hc) {
str += '<div id="d' + this.obj + nodeId + '" class="clip" style="display:' + ((this.root.id == node.pid || node._io) ? 'block' : 'none') + ';">';
str += this.addNode(node);
str += '</div>';
}

this.aIndent.pop();
return str;
};
分享到:
评论

相关推荐

    dtree的使用方法和类库

    **dtree的使用方法和类库** 在信息技术领域,数据可视化是至关重要的,尤其是在数据分析和机器学习中。其中,决策树(Decision Tree)作为一种直观且易于理解的模型,被广泛应用于分类和回归任务。在Python编程语言...

    .dtree实现方法

    在本主题中,我们将深入探讨".dtree"实现方法。 首先,我们要理解决策树的基本构建步骤: 1. **数据预处理**:对原始数据进行清洗,处理缺失值,转换非数值特征为数值,以及归一化或标准化数值特征,以便于算法...

    dtree

    4. **动态更新**:通过dtree提供的方法,如添加新节点、删除节点或更新节点信息,来保持树结构与实际数据同步。 复用dtree组件时,需要注意以下几点: 1. **封装性**:确保dtree组件的内部逻辑是封闭的,对外只...

    dtree的使用方法详解

    ### dtree的使用方法详解 #### 一、dtree简介 dtree是一个功能强大的JavaScript库,主要用于在网页中实现树状结构的展示。它能够帮助开发者轻松地在Web应用程序中集成树形结构的数据展示功能,非常适合用于文件...

    layui dtree树形结构

    layui dtree是一款基于layui框架的树形插件,它提供了丰富的功能和良好的用户体验,尤其适用于在Web应用中展示...无论是用于组织结构的展示、目录层级的选择还是权限管理,layui dtree都能提供高效且直观的解决方案。

    dtree所需要的dtree.css和dtree.js文件(包括图标)

    同时,案例代码能帮助开发者理解如何在实际项目中应用这些API,通常包含了一些基本的使用示例和复杂场景的解决方案。 标签"jsp"表明这个dtree可能与JavaServer Pages(JSP)技术有结合,意味着在服务器端,开发者...

    dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar

    dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar

    json+dtree定时刷新dtree

    3. **更新DTREE**:调用DTREE提供的方法,如`refresh`或`loadData`,传入新解析的JSON数据,以刷新树形结构。 4. **错误处理**:添加适当的错误处理代码,以便在数据加载失败时能够给出反馈。 在编写示例代码时,...

    dtree 例子 学习笔记

    dtree,或称为决策树,在计算机科学领域通常指的是用于数据挖掘、机器学习的一种方法,通过一系列判断条件对数据进行分类。然而,在本篇笔记中,我们将关注的是一种基于Web的应用组件——WebFXTree,它被用来构建...

    原始dtree+右键dtree+复选框dtree

    在这个话题中,我们将深入探讨三种特定的树形结构实现:原始dtree、右键dtree以及复选框dtree,这些都是在JavaScript环境下用于创建交互式树形菜单的工具。 首先,原始dtree是最基础的形式,它通常基于HTML、CSS和...

    dTree.js下载+API文档.rar

    例如,它可能包含一个JSON对象表示树的数据,然后使用JavaScript代码将这个对象转换为dTree可以理解的形式,并使用`init()`方法创建树。 `dtree.js`是核心库文件,包含了dTree的所有功能。虽然通常不需要直接修改这...

    dtree的控件及教程

    通过上述的DTree教程,开发者不仅可以掌握DTree的基本使用,还能深入理解如何利用DTree控件解决实际问题,提升用户体验。无论你是前端开发者还是后端开发者,甚至是数据可视化工程师,理解和运用DTree都是必备的技能...

    DTree用法.pdf

    DTree中的方法会涉及到不同的参数,比如add方法就需要以下参数: - id:当前节点的ID。 - preId:当前节点的父节点ID,根节点的值为-1。 - name:当前节点要显示的文字。 - url:点击当前节点跳转到的URL。 - title...

    jsp-dtree-目录树解决树形结构问题

    ### jsp-dtree-目录树解决树形结构问题 #### 概述 JSP-dtree是一种基于JavaServer Pages (JSP)技术实现的目录树组件,用于解决网站或应用程序中的树形结构展示问题。该组件不仅可以帮助开发者快速构建出美观且功能...

    Dtree控件的使用

    通过`UserTree.htm`和`DTree`文件,我们可以学习到DTree控件的实践应用,并从中获取灵感来解决自己的项目问题。对于C#开发者来说,虽然DTree主要在前端使用,但理解其工作原理有助于前后端的协作,确保数据正确传递...

    dtree的使用

    本文将深入探讨`dtree`的使用方法及其在Struts框架中的集成应用。 ### 一、dtree基本概念 `dtree` 是一个轻量级的JavaScript插件,它可以将JSON数据转化为可交互的树形结构。它支持节点的展开和折叠,点击事件监听...

    dtree树 struts1+hibernate+dtree

    然后,Hibernate是一个流行的ORM(Object-Relational Mapping)框架,它解决了Java应用与关系数据库之间交互的问题。通过Hibernate,开发者可以用面向对象的方式来操作数据库,无需编写大量的SQL语句。Hibernate提供...

    dtree和dtree_checkbox(dtree复选框)

    **dtree与dtree_checkbox: JS控件的深入解析** 在网页开发中,交互性和用户体验是至关重要的元素,而JavaScript(简称JS)作为客户端脚本语言,为实现这些功能提供了强大的支持。在这个话题中,我们将重点探讨两种...

    dtree.zip|dtree.zip|dtree.zip

    它可能包含了函数、方法、参数等信息,帮助开发者理解和集成dtree.js到他们的项目中。 3. **example01.html** - 这是一个示例页面,展示了如何使用dtree.js来创建和操作决策树。通过这个例子,用户可以看到决策树的...

    dtree jsp 中使用,dtree jsp 中使用

    在Java Web开发中,`dtree`通常指的是一个JavaScript库,用于创建可交互的树状菜单,常被用于展示层级关系的数据,如目录结构、组织架构等。在JSP(JavaServer Pages)中使用`dtree`,可以增强用户界面的交互性。...

Global site tag (gtag.js) - Google Analytics