默认展开ztree树形菜单
var setting = {
view: {
selectedMulti: false //按住ctrl是否可以多选
},
check: {
enable: true
, chkStyle: 'checkbox'
},
data: {
simpleData: {
enable: true
}
},
async: {
enable: true
,type:"post"
,url:commandExec.ztreeDftUrl
,dataFilter:function (treeId, parNode, jsonData) {
return commandExec.replaceIcon(treeId, jsonData);
}
},
callback: {
//禁止节点被选中
beforeClick:function () {
return false;
},
onCheck:function (e, treeId, treeNode) {
var treeNode = commandExec.onlyCheckedDevice(treeId,treeNode);
commandExec.setDeviceBoxValue(treeNode);
},
onAsyncSuccess:function (e, treeId, treeNode, nodes) {
if(JSON.parse(nodes).length>0){
}else{
layer.alert("暂无数据!");
return;
}
}
}
};
/**
* 跟换小图标
* */
commandExec.replaceIcon = function(treeId, jsonData){
var treeObj = $.fn.zTree.getZTreeObj(treeId);
if(jsonData.length>0){
if(jsonData){
for(var i in jsonData){
var node = jsonData[i];
if(String(node.id).indexOf("tower") >= 0){
node.icon = Electric.ctxPath+"/static/img/icon-tower.png";
//展开
node.open = true;
}else if(String(node.id).indexOf("org") >= 0){
node.icon = Electric.ctxPath+"/static/img/icon-company.png";
node.open = true;
}else if(String(node.id).indexOf("line") >= 0){
node.icon = Electric.ctxPath+"/static/img/icon-line.png";
node.open = true;
}else if(String(node.id).indexOf("device") >= 0){
node.icon = Electric.ctxPath+"/static/img/icon-device.png";
}
}
}
}
return jsonData;
};
//展开选中节点
var expandCheckedNode = function(){
//获取所有选中状态的节点
var checkedNodes = zTreeObj.getCheckedNodes(true);
for(var i in checkedNodes){
var checkedParAll = getParsAll(checkedNodes[i]);
for(var j in checkedParAll){
zTreeObj.expandNode(checkedParAll[j],true,false);
}
}
};
默认展开ztree树形菜单的更多相关文章
- Bootstrap风格zTree树形菜单插件
这是一款bootstrap风格jQuery zTree树形菜单插件,支持自定义编辑.添加列表菜单.删除列表等功能的jQuery树形菜单代码.在线演示 具体代码实现: <!DOCTYPE html ...
- zTree树形菜单交互选项卡效果实现
1. 添加自定义属性 page 2. 为 ztree 每个树形节点,添加点击事件 <!DOCTYPE html> <html> <head> <meta ch ...
- zTree树形菜单使用实例
在每个节点添加 id 和 pid, id 表示当前节点编号,pid 表示父节点编号 第一步:在页面显示菜单位置,添加 ul设置 class=”ztree” 第二步:开启简单数据格式支持 第三步:编写树 ...
- ztree树形菜单demo
阅读目录 zTree树形菜单 回到顶部 zTree树形菜单 树形菜单使用方式如下:HTML引入的方式如下: <!DOCTYPE html> <html> <head> ...
- ztree树形菜单的增加删除修改和换图标
首先需要注意一点,如果有研究过树形菜单,就会发现实现删除和修改功能特别简单,但是增加却有一点复杂.造成这个现象是ztree树形菜单的历史遗留问题.大概是之前的版本没有增加这个功能,后来的版本加上了这个 ...
- thinkphp5 ztree树形菜单
教程:http://makaidong.com/zjfjava/4074_5873678.html 下载:https://github.com/zTree/zTree_v3
- EasyUI+zTree实现简单的树形菜单切换
使用easyui_ztree实现简单的树形菜单切换效果 <!DOCTYPE html> <html> <head> <meta charset="U ...
- vue el-tree:默认展开第几级节点
需求描述: Tree 树形结构,默认展开第二级菜单. 查 element 文档: 解决方法: 设置 :default-expanded-keys 的值为 idArr 数组, <el-tree ...
- react ant design TreeNode——树形菜单笔记
2017-12-04补充说明——树形菜单版本号2.x 设置默认该树形组件展开(默认展开所有树节点) 参考文档的写法: defaultExpandAll={true} //经过测试并不生效, 另外注意 ...
随机推荐
- 今晚,玩一玩linux上的DNS
老哥遇到的问题, 我先按正规方式操作一波. 一,安装dns服务 yum install bind bind-utils -y 二,修改/etc/named.conf文件 options { liste ...
- 7 Exciting Uses of Machine Learning in FinTech
https://rubygarage.org/blog/machine-learning-in-fintech Machine learning (ML) has moved from the per ...
- TensorFlow.js入门:一维向量的学习
转载自:https://blog.csdn.net/weixin_34061042/article/details/89700664 一维向量及其运算 tensor 是 TensorFlow.js 的 ...
- du和ls的区别:如何正确计算文件大小
上一篇文章写到的权限检查脚本,后来我又加入了 apk size 对比的功能,分享给组内同事使用后,暴露出一个问题:脚本输出的 apk size 和 Jenkins 出包信息以及电脑上显示的存储大小都有 ...
- [LeetCode] 617. Merge Two Binary Trees 合并二叉树
Given two binary trees and imagine that when you put one of them to cover the other, some nodes of t ...
- [LeetCode] 419. Battleships in a Board 平板上的战船
Given an 2D board, count how many battleships are in it. The battleships are represented with 'X's, ...
- OpenCV像素操作和图形绘制
像素操作 #include<iostream> #include<opencv2/opencv.hpp> using namespace std; using namespac ...
- Failed to start LSB: Bring up/down networking 另外一个偏方
之前网卡启动不了,会是配置不对,或者是移动了虚拟机导致hwaddr发生了变化. 但是今天没改动什么,突然用不了,一直报错Failed to start LSB: Bring up/down .... ...
- linux 修改oracle的字符集
select userenv('language') from dual; 命令可以查看服务端的使用的字符集. ssh登录,切换到oracle用户 切换用户命令:su -oracle 之后 ...
- HTTP之URL的快捷方式
URL快捷方式 ==================摘自<HTTP权威指南>======================= WEB客户端可以理解并使用几种URL快捷方式.相对URL是在某职 ...