1:ztree 国产插件,文档全,上手快
url:http://www.ztree.me/v3/main.php#_zTreeInfo
2:dhtmlxTree 也还 不错
遇到的问题:当在地址栏回车时会调用两次方法,导致根出现两次
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link href="${cssPath}/index.css" rel="stylesheet" type="text/css" /> <link rel="STYLESHEET" type="text/css" href="${jsPath}/dhtmltree/codebase/dhtmlxtree.css"> <script src="${jsPath}/dhtmltree/codebase/dhtmlxcommon.js" /></script> <script src="${jsPath}/dhtmltree/codebase/dhtmlxtree.js" /></script> <script src="${jsPath}/dhtmltree/codebase/ext/dhtmlxtree_sb.js" /></script> <style> table { table-layout: auto; } </style> </head> <body bgcolor="#ebebeb"> <div id="treeboxbox_tree" style="text-align: left;width:240;margin-top:5px; height:99%;background-color:#f5f5f5;border :1px solid Silver;"></div> <script> function doOnClick(itemId) { var myUrl = tree.getUserData(itemId,"myurl"); if(myUrl) { myUrl = basePath+myUrl; top.frames["rightFrame"].location.href = myUrl;// or frames[“someframe“].location.href = myUrl } } var tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0); tree.setImagePath("<%=imgPath%>dtreeIcon/"); tree.setOnClickHandler(doOnClick); tree.setXMLAutoLoading("${ctx}/res/queryRes/getResXml.do"); tree.loadXML("${ctx}/res/queryRes/getResXml.do"); function treeReload() { //tree.refreshItem(); //注掉后,后台只调一次,问题解决 } </script> </body> </html>
传入的xml:
<tree id="0"> <item id="1" text="资源树"> <userdata name="myurl">menu/resIndex.do</userdata> <item id="hw0" text="设备" open="1"> <userdata name="myurl">menu/resIndex.do?deviceType=1</userdata> <item id="other_pc(2)" text="other_pc(2)"> <item id="14358" text="CCN-BJ-J-5KV" im0="../systemico/linux.gif"> <userdata name="myurl">res/resLoad/resSnmpHost.do?resId=14358</userdata> <userdata name="imgName">../systemico/linux.gif</userdata> </item> <item id="14144" text="CCN-BJ-J-5KX" im0="../systemico/linux.gif"> <userdata name="myurl">res/resLoad/resSnmpHost.do?resId=14144</userdata> <userdata name="imgName">../systemico/linux.gif</userdata> </item> </item> </item> <item id="sw0" text="软件" open="1"> <userdata name="myurl">menu/resIndex.do?deviceType=2</userdata> <item id="7" text="Enterprise System Manager " im0="../systemico/esm.gif"> <userdata name="myurl">resesm/resesm.do?resId=7</userdata> <userdata name="imgName">../systemico/esm.gif</userdata> </item> <item id="14825" text="106.3.42.192 Tomcat Apache Tomcat/6.0.37" im0="../systemico/tomcat.gif"> <userdata name="myurl">restomcat/restomcat.do?resId=14825</userdata> <userdata name="imgName">../systemico/tomcat.gif</userdata> </item> <item id="15652" text="106.3.42.194 Tomcat Apache Tomcat/6.0.18" im0="../systemico/tomcat.gif"> <userdata name="myurl">restomcat/restomcat.do?resId=15652</userdata> <userdata name="imgName">../systemico/tomcat.gif</userdata> </item> <item id="70873" text="106.3.42.194 Oracle 10g" im0="../systemico/oracle.gif"> <userdata name="myurl">resoracle/resoracle.do?resId=70873</userdata> <userdata name="imgName">../systemico/oracle.gif</userdata> </item> <item id="15054" text="223.202.45.70 Oracle 10g" im0="../systemico/oracle.gif"> <userdata name="myurl">resoracle/resoracle.do?resId=15054</userdata> <userdata name="imgName">../systemico/oracle.gif</userdata> </item> <item id="25289" text="mas URL Monitor " im0="../systemico/url.gif"> <userdata name="myurl">urlMonitor/detail.do?resId=25289</userdata> <userdata name="imgName">../systemico/url.gif</userdata> </item> </item> </item> </tree>
问题图片:
相关推荐
最近用到了el-tree控件,主要是数据的格式,按照官网的数据格式来就可以显示节点的树形结构了。 代码参考很多 这里给出一个比较好的链接:https://www.jb51.net/article/181990.htm 代码说明在注释里写的很详细...
KD-Tree 开源实现以及 OpenCV KD-Tree 使用
selectTree tree控件 日历控件 tree控件 radio CheckBox demo 直接可以用 案例多多
excel decision tree插件treeplan正式版 office2010测试通过
树形结构工具包,功能非常全,方便实用,不用再去用属性节点和调用节点操作tree了
tree 命令英文理解为树的意思,其功能是是创建文件列表,将目录所有文件以树状的形式列出来。是一款在颜值上优先于ls的命令。本次上传的安装包适用于红帽7、centOS7 linux中的tree命令默认并不会安装, [root@...
An inorder binary tree traversal can be implemented in a non-recursive way with a stack. For example, suppose that when a 6-node binary tree (with the keys numbered from 1 to 6) is traversed, the ...
需求: vue-cli项目树形控件:一级节点为本地节点...el-tree class="treeitems" :data="data" node-key="id" :props="defaultProps" :load="loadNode" lazy :default-expanded-keys="[0]" @node-click="handle
这个是...rank_v2~rank_blog_default-1-81562278.pc_v2_rank_blog_default&utm_term=element-ui+tree我这个文章的代码。下载了放在自己的vue项目中看结果吧
实际上,el-tree-transfer 依赖的 element-ui 组件分别是Checkbox 多选框,Button 按钮,和最主要的Tree 树形控件写成!并非是在 element-ui 的穿梭框组件上的扩展,而仅仅是参照了其外观样式和功能。
SpeedTree creates relatively low poly trees for fast rendering time and foresting. * Real-time modeling feedback. * Improved Curve Editor. * Multiple texture layers supported. * Latest version of ...
//解决的问题是Tree控件的checkbox不能设置为不允许用户勾选 //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 /...
Tree boosting is a highly eective and widely used machine learning method. In this paper, we describe a scalable endto- end tree boosting system called XGBoost, which is used widely by data scientists...
本教程是大神从外国服务器下载下来并翻译成简单易懂的中文,想学习speedtree的朋友没要注意了,确实好东西。看完你就是speedtree大神。
jsTree中文api文档,js操作树可移动节点 增加修改删除节点.jsTree中文api文档,js操作树可移动节点 增加修改删除节点.
Stanford Sentiment Treebank 是一个标准情感数据集,主要用于情感分类,其中每个句子分析树的节点均有细粒度的情感注解。 该数据集由斯坦福大学的 NLP 组发布,其中句子和短语共计 239232 条,相较于忽略单词顺序...
devicetree2018.3版本源码
kdtree(kd-树)的mex库,它允许最近邻域,k最近邻域,范围等查询 kd-tree的简约实现。该实现既可以通过MEX调用在MATLAB内部使用,也可以直接从C / C ++程序中作为独立工具使用。网站上的图像已使用“ fulltest.m”...
谷歌 B-Tree C++ 模板库 介绍 谷歌开源团队近日发布了C++ B-Tree,这是一个C++模板库,实现了基于B-tree数据结构的有序内存容器。类似于STL的map、set、multimap和multiset模板,C++ B-tree也提供了btree_map、...
echarts tree目前只能用initialTreeDepth来控制显示的层数,不能逐个控制每个节点的收缩放开状态,很不方便。因此我在配置项里面增加了一个字段mcHereShow(命名觉得不美观,可以全部替换成你要修改的字段),在配置...