dtree加载菜单基本使用方法

转自：https://blog.csdn.net/archer119/article/details/51382159

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/archer119/article/details/51382159
步骤1：官网下载dtree.zip包，官网地址：http://destroydrop.com/javascripts/tree/，文件包括dtree.css,dtree.js和api.html和例子；

步骤2：根据example01.html代码修改自己需要的菜单，示例代码如下：

<span style="font-size:14px;"><span style="white-space: pre;">   </span><script type="text/javascript">
       
   </script></span>
步骤3：运行效果图如下：

步骤4：要修改或添加图标，可以修改dtree.js代码，如下这段就是图标设置。

this.icon = {

       root               : 'img/base.gif',

       folder           : 'img/folder.gif',

       folderOpen   : 'img/folderopen.gif',

       node               : 'img/page.gif',

       empty               : 'img/empty.gif',

       line               : 'img/line.gif',

       join               : 'img/join.gif',

       joinBottom   : 'img/joinbottom.gif',

       plus               : 'img/plus.gif',

       plusBottom   : 'img/plusbottom.gif',

       minus               : 'img/minus.gif',

       minusBottom   : 'img/minusbottom.gif',

       nlPlus           : 'img/nolines_plus.gif',

       nlMinus           : 'img/nolines_minus.gif'

   };

注意：树形结构根节点的父id必须为-1，如果要设置其他值请修改dtree.js。

dtree加载菜单基本使用方法相关推荐

基于vue-router的从后端动态加载菜单的实现
基于vue-router的从后端动态加载菜单的实现源码下载前言后端模拟加载菜单的例子实现 VueRouterController.java CorsConfig.java application ...
cad二次开发——自动运行dll，加载菜单（收集）
1.自动加载dll的方法(个人觉得下面第4个方法会更方便) cad加载dll_实现CAD插件启动自动加载的三种方法_weixin_39774556的博客-CSDN博客从网上或者别处淘来的CAD插件,效 ...
web高德地图怎么加载离线地图_基于 QGIS 在内网中离线加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线影像加载. 另外,也 ...
layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法
如下图,在我们做高级查询的时候需要重新加载数据表格table.reload(); HTML form表单菜单:  JS $(function () { //注意:这里是数据表格的加载数据,必须写 ...
cad自动运行dvb lisp_CAD自动加载程序6大方法
原标题:CAD自动加载程序6大方法 CAD提供的二次开发接口大大扩展了CAD的功能,成为平时绘图中不可或缺的工具,也必须在启动时自动加载,CAD在这方面提供了许多的选择. 1.Lisp法 a．在ACA ...
基于 GoogleMap 离线 API 源码在内网中加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线加载. 另外,也为大 ...
基于 QGIS 在内网中离线加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线影像加载. 另外,也 ...
Adobe Flash player 10 提示：Error#2044:未处理的IOErrorEvent. text=Error#2036:加载未完成的解决方法
Adobe Flash player 10 提示:Error#2044:未处理的IOErrorEvent. text=Error#2036:加载未完成的解决方法参考文章: (1)Adobe Fla ...
Eclipse无法编译，提示错误“找不到或者无法加载主类”解决方法
Eclipse无法编译,提示错误"找不到或者无法加载主类"解决方法参考文章: (1)Eclipse无法编译,提示错误"找不到或者无法加载主类"解决方法 (2) ...

dtree加载菜单基本使用方法

dtree加载菜单基本使用方法相关推荐

最新文章

热门文章