`
water84222
  • 浏览: 375355 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Tree的实现,js开发组件dtree

阅读更多
jsp
<%
   StringBuffer tree =  new StringBuffer(1024);
   int nodeseq = 0;
   tree.append("var nodes = new Array();\n");
   for(){ //动态的赋值
        tree.append("{\n").
append("node = new Array();\n").
append("node[0] = "+String.valueOf(nodeseq+1)+";\n").
append("node[1] = "+parentnode+";\n").
append("node[2] = \""+displaycount+"\";\n").
append("node[3] =\"brnbloglist.jsp?code="+na_meeting_room_ary[i].getId()+"&type="+OtsukaConstents.TOP_BLOG_SEARCH_NEW+"&flag="+OtsukaConstents.TOP_BLOG_SEARCH_TYPE_NA_MEETINGROOM+"###\";\n").
append("node[4] = '"+OtsukaConstents.TOP_BLOG_SEARCH_TYPE_NA_MEETINGROOM+"';\n").
append("node[5] = "+String.valueOf(nodeseq+1)+";\n").
append("node[6] = '"+na_meeting_room_ary[i].getId()+"';\n").
append("node[7] = "+String.valueOf(newcount)+";\n").
append("node[9] = \""+na_meeting_room_ary[i].getMeetingroom_name()+"\";\n").
append("nodes["+nodeseq+"] = node;\n"). //nodes = new Array{
//  node = new Array();
//  node[0]=####;
//  ........
//  nodes[0]=node;
// }
//作用就是将一维数组依次赋值给一个二维数组的一个维度
append("}\n");
nodeseq ++;
   }
%>
<html>

<head>
<title>Menu</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<div class="dtree"  >
<script type="text/javascript">
   <%=tree.toString()%>//将2维数组打印到页面
var d = new dTree('d');
d.add(0,-1,'大塚製薬');
for(var i=0;i<nodes.length;i++) {//对二维数组进行循环
if(nodes[i][1] == 0 || nodes[i][8] == true){
d.add(nodes[i][0],nodes[i][1],nodes[i][2],nodes[i][3],'','','img/folder.gif');//第一个参数,表示当前节点的ID
                                                                                                              //第二个参数,表示当前节点的父节点的ID
      //第三个参数,节点要显示的文字
      //第四个参数,点击该节点的超链接(注意也可以是某个servlet或是struts应用中的某个.do请求)
      //第五个参数,鼠标移至该节点时显示的文字
      //第六个参数,指定点击该节点时在哪个桢中打开超链接
} else {
d.add(nodes[i][0],nodes[i][1],nodes[i][2],nodes[i][3]);
}
}
document.write(d);
</script>
</div>
</body>
</html>
  • dtree.zip (14.6 KB)
  • 描述: dtree js开发组件
  • 下载次数: 54
分享到:
评论

相关推荐

    JavaScript组件dtree轻松实现树型菜单

    JavaScript组件dtree就是一种用于创建动态、交互式树型菜单的工具,它以其轻量级、易用性以及丰富的功能特性受到开发者的青睐。本文将深入探讨如何使用dtree来构建JavaScript树型菜单,并分享相关知识点。 首先,...

    dtree、JavaScript编写成的简单的树形菜单组件

    dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。 dtree 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。 ...

    javascript-tree-menu-dTree

    【javascript-tree-menu-dTree】是一种基于JavaScript实现的树形菜单组件,主要用于网页中构建层级结构的导航菜单。这个组件能够帮助用户以清晰、交互性强的方式展示数据的层次关系,广泛应用于网站的侧边栏导航、...

    jspTree 是用dtree+jsp做的

    `jspTree`是一个基于`dtree`和`JSP`技术构建的树形结构组件。在本文中,我们将深入探讨`jspTree`的原理、应用以及如何结合`dtree`和`JSP`来实现这一功能。 首先,我们要理解`dtree`是什么。`dtree`(Directory Tree...

    dtree

    【dtree】是一种在JavaScript中实现的树形数据结构,常用于构建可交互的、层级化的用户界面,如文件系统导航、组织结构图或者菜单系统等。在这个介绍中,我们将深入探讨dtree的制作原理、基本应用以及如何复用这个...

    树形控件 dtree

    `dtree`是一个专为此目的设计的轻量级JavaScript组件,它提供了一个交互式的、可扩展的树形菜单解决方案。由于其免费且开源的特性,`dtree`受到了许多开发者的欢迎,允许他们自定义样式和功能以适应不同的项目需求。...

    用dtree实现树形菜单 dtree使用说明

    【dtree实现树形菜单详解】 dtree是一个基于JavaScript编写的简单、易用且开源的树形菜单组件。与其他复杂的树形菜单组件相比,如EXT,dtree的优势在于其易于理解和使用,且支持动态地从数据库获取数据。下面将详细...

    dtree 在网上搜索的一些关于DTREE的资料

    在《JS组件dtree轻松实现树型菜单.files》这个文件夹里,通常会包含实现树型菜单所需的额外资源,如CSS样式文件、JavaScript脚本、图片或者其他辅助文件。开发者可以通过这些资源来更好地理解和应用"dtree"组件,...

    在jsp中用dtree实现树形浏览

    在JSP页面中,我们可以借助JavaScript库dtree.js来实现这一功能。 首先,dtree.js是一个轻量级的JavaScript库,专门用于在网页上创建交互式的树形结构。它提供了丰富的API,可以方便地进行节点操作、事件绑定和样式...

    dtree实现树形结构

    总之,"dtree实现树形结构"是指利用dtree这个JavaScript库来创建、操作和显示具有层级关系的数据结构。这个过程涉及到了数据模型的构建、API的使用以及与前端框架的集成,对于开发复杂的交互式用户界面至关重要。...

    dtree.zip|dtree.zip|dtree.zip

    【标题】: "dtree.zip" 是一个包含与决策树(Decision Tree)相关的资源的压缩文件,可能是一个用于展示或教学决策树算法的项目。 【描述】: "dtree.zip" 提供了多个文件,包括样式表(dtree.css)、API文档(api....

    一种dtree树用控件实现的

    这些库提供了预封装的组件和API,可以简化dtree的开发过程。 在实际应用中,dtree树控件常用于: - 文件管理系统:展示目录结构,允许用户浏览和操作文件。 - 组织架构图:展示公司或团队的人员结构。 - 菜单导航...

    各种样式的dtree,单选复选的都有

    在IT领域,特别是前端开发中,"dtree"通常指的是数据树(Data Tree)控件,这是一种用于展示层级关系数据的交互式用户界面元素。它常用于网站或应用程序中,以便用户可以方便地浏览和操作多级结构的数据。在这个场景...

    tree demo(dtree+jquery)

    DTree是一个专门用于创建JavaScript树形组件的库,它提供了丰富的API和事件处理,便于定制和扩展。而jQuery则是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、动画以及Ajax交互,使得构建动态网页变得更加...

    树形js插件tree.js

    Tree.js是一款优秀的JavaScript库,专门用于创建和管理树形结构,它以其强大的兼容性和可扩展性,成为开发者们的首选之一。 ### 1. 兼容性强 Tree.js考虑到了各种浏览器环境,包括对IE6+、Firefox、Chrome、Safari...

    基于Vue的树形选择组件

    在这个基于Vue的项目中,"ZhuFaner-vue-tree-select-a1e5831" 指的是一款名为 "ZhuFaner Vue Tree Select" 的组件,它主要用于实现树形结构的选择功能。这种组件在数据管理和组织结构展示时特别有用,例如在组织架构...

    dtree自定义标签

    在网页开发中,我们常常会遇到在JSP页面中嵌套JavaScript的情况,这可能会导致代码结构混乱,难以维护,同时也影响了页面的美观性。为了解决这一问题,一种常见的解决方案是使用自定义标签(Tag Library)。本资源...

    js树形菜单dtree

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,而“dtree”是一个专门用于创建树形菜单的JS组件。树形菜单在用户界面设计中非常常见,它能帮助用户以层级结构浏览和操作数据,尤其...

    jsTree大集合 各种树形结构

    AlaiJSCtr可能是一个由个人或团队开发的基于jsTree的组件,增加了特定的功能或优化了性能,适应了一些特定的项目需求。在探索这个集合时,你可能会发现一些实用的增强特性。 5. **jstree+JS树形菜单合集**: 这个...

Global site tag (gtag.js) - Google Analytics