1. var setting = {
  2. view: {
  3. selectedMulti: false //按住ctrl是否可以多选
  4. },
  5. check: {
  6. enable: true
  7. , chkStyle: 'checkbox'
  8. },
  9. data: {
  10. simpleData: {
  11. enable: true
  12. }
  13. },
  14. async: {
  15. enable: true
  16. ,type:"post"
  17. ,url:commandExec.ztreeDftUrl
  18. ,dataFilter:function (treeId, parNode, jsonData) {
  19. return commandExec.replaceIcon(treeId, jsonData);
  20. }
  21. },
  22. callback: {
  23. //禁止节点被选中
  24. beforeClick:function () {
  25. return false;
  26. },
  27. onCheck:function (e, treeId, treeNode) {
  28. var treeNode = commandExec.onlyCheckedDevice(treeId,treeNode);
  29. commandExec.setDeviceBoxValue(treeNode);
  30. },
  31. onAsyncSuccess:function (e, treeId, treeNode, nodes) {
  32. if(JSON.parse(nodes).length>0){
  33.  
  34. }else{
  35. layer.alert("暂无数据!");
  36. return;
  37. }
  38. }
  39. }
  40. };
  1. /**
  2. * 跟换小图标
  3. * */
  4. commandExec.replaceIcon = function(treeId, jsonData){
  5. var treeObj = $.fn.zTree.getZTreeObj(treeId);
  6. if(jsonData.length>0){
  7. if(jsonData){
  8. for(var i in jsonData){
  9. var node = jsonData[i];
  10. if(String(node.id).indexOf("tower") >= 0){
  11. node.icon = Electric.ctxPath+"/static/img/icon-tower.png";
  12. //展开
  13. node.open = true;
  14. }else if(String(node.id).indexOf("org") >= 0){
  15. node.icon = Electric.ctxPath+"/static/img/icon-company.png";
  16. node.open = true;
  17. }else if(String(node.id).indexOf("line") >= 0){
  18. node.icon = Electric.ctxPath+"/static/img/icon-line.png";
  19. node.open = true;
  20. }else if(String(node.id).indexOf("device") >= 0){
  21. node.icon = Electric.ctxPath+"/static/img/icon-device.png";
  22. }
  23. }
  24. }
  25. }
  26. return jsonData;
  27. };
  1. //展开选中节点
  2. var expandCheckedNode = function(){
  3. //获取所有选中状态的节点
  4. var checkedNodes = zTreeObj.getCheckedNodes(true);
  5. for(var i in checkedNodes){
  6. var checkedParAll = getParsAll(checkedNodes[i]);
  7. for(var j in checkedParAll){
  8. zTreeObj.expandNode(checkedParAll[j],true,false);
  9. }
  10. }
  11. };

默认展开ztree树形菜单的更多相关文章

  1. Bootstrap风格zTree树形菜单插件

    这是一款bootstrap风格jQuery zTree树形菜单插件,支持自定义编辑.添加列表菜单.删除列表等功能的jQuery树形菜单代码.在线演示 具体代码实现: <!DOCTYPE html ...

  2. zTree树形菜单交互选项卡效果实现

    1. 添加自定义属性 page 2. 为 ztree 每个树形节点,添加点击事件 <!DOCTYPE html> <html> <head> <meta ch ...

  3. zTree树形菜单使用实例

    在每个节点添加 id 和 pid, id 表示当前节点编号,pid 表示父节点编号 第一步:在页面显示菜单位置,添加 ul设置 class=”ztree” 第二步:开启简单数据格式支持 第三步:编写树 ...

  4. ztree树形菜单demo

    阅读目录 zTree树形菜单 回到顶部 zTree树形菜单 树形菜单使用方式如下:HTML引入的方式如下: <!DOCTYPE html> <html> <head> ...

  5. ztree树形菜单的增加删除修改和换图标

    首先需要注意一点,如果有研究过树形菜单,就会发现实现删除和修改功能特别简单,但是增加却有一点复杂.造成这个现象是ztree树形菜单的历史遗留问题.大概是之前的版本没有增加这个功能,后来的版本加上了这个 ...

  6. thinkphp5 ztree树形菜单

    教程:http://makaidong.com/zjfjava/4074_5873678.html 下载:https://github.com/zTree/zTree_v3

  7. EasyUI+zTree实现简单的树形菜单切换

    使用easyui_ztree实现简单的树形菜单切换效果 <!DOCTYPE html> <html> <head> <meta charset="U ...

  8. vue el-tree:默认展开第几级节点

    需求描述: Tree 树形结构,默认展开第二级菜单. 查 element 文档: 解决方法: 设置  :default-expanded-keys 的值为 idArr 数组, <el-tree ...

  9. react ant design TreeNode——树形菜单笔记

     2017-12-04补充说明——树形菜单版本号2.x 设置默认该树形组件展开(默认展开所有树节点) 参考文档的写法: defaultExpandAll={true} //经过测试并不生效, 另外注意 ...

随机推荐

  1. Python内容

    1.Python介绍.计算机硬件.网络.变量.数据类型:列表+元组+字典+布尔值+字符串+数字+集合.格式化输出.if判断.for循环.while循环. 2.三元运算.字符编码.文件处理:r/rb(读 ...

  2. 点云深度学习的3D场景理解

    转载请注明本文链接: https://www.cnblogs.com/Libo-Master/p/9759130.html PointNet: Deep Learning on Point Sets ...

  3. window环境下的oracle错误error: 0x7e的解决方法

    今天连接一个Win2008 Server服务端上的一个oracle出现了下面的这些错误 LoadLibraryFromPath: FQ Dll C:\Windows\system\oci.dll is ...

  4. NetCore 开发时中文编码转换出现异常

    在C#编程的时候难免会遇到需要转换编码的场合. 在Framwork中可以用System.Text.Encoding解决,但是到了core会发现,虽然也有这个东西,但几个关键的中文编码(比如GB2312 ...

  5. [原创]浅谈在创业公司对MVP的理解

    [原创]浅谈在创业公司对MVP的理解 目前自已所处的公司类似一个创业平台,我们内部会不断的去孵化不同方向的产品,产品经理经常谈到的一个词就是MVP,所以有必需要去了解下什么是MVP? 1 什么是MVP ...

  6. Spring事物隔离级别及事物传播行为@Transactional实现

    阅读本篇文章前,请先阅读如下文章: 四种事物隔离级别详解 先看下@Transactional可以配制那些参数及以其所代表的意义. isolation 枚举org.springframework.tra ...

  7. Golang(十)TLS 相关知识(一)基本概念原理

    0. 前言 最近参与一个基于 BitTorrent 协议的 Docker 镜像分发加速插件的开发,主要参与补充 https 协议 学习了 TLS 相关知识,下面对之前的学习做一下简单总结 参考文献:T ...

  8. FontForge 汉化教程

    引用 :http://www.sucaijishi.com/2018/articles_0815/258.html FontForge是一款免费字库编辑工具,官方暂不提供简体中文,本文汉化方法在201 ...

  9. 查看window重启日志

    命令行输入 net statistics WORKSTATION 显示开机时间 如果你今天一直没有关机,但是你看到这个信息显示今天XX点才开始统计数据的说明电脑重启了

  10. RestTemplate使用教程

    原文地址:https://www.cnblogs.com/f-anything/p/10084215.html 一.概述 spring框架提供的RestTemplate类可用于在应用中调用rest服务 ...