默认展开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} //经过测试并不生效, 另外注意 ...
随机推荐
- Python内容
1.Python介绍.计算机硬件.网络.变量.数据类型:列表+元组+字典+布尔值+字符串+数字+集合.格式化输出.if判断.for循环.while循环. 2.三元运算.字符编码.文件处理:r/rb(读 ...
- 点云深度学习的3D场景理解
转载请注明本文链接: https://www.cnblogs.com/Libo-Master/p/9759130.html PointNet: Deep Learning on Point Sets ...
- window环境下的oracle错误error: 0x7e的解决方法
今天连接一个Win2008 Server服务端上的一个oracle出现了下面的这些错误 LoadLibraryFromPath: FQ Dll C:\Windows\system\oci.dll is ...
- NetCore 开发时中文编码转换出现异常
在C#编程的时候难免会遇到需要转换编码的场合. 在Framwork中可以用System.Text.Encoding解决,但是到了core会发现,虽然也有这个东西,但几个关键的中文编码(比如GB2312 ...
- [原创]浅谈在创业公司对MVP的理解
[原创]浅谈在创业公司对MVP的理解 目前自已所处的公司类似一个创业平台,我们内部会不断的去孵化不同方向的产品,产品经理经常谈到的一个词就是MVP,所以有必需要去了解下什么是MVP? 1 什么是MVP ...
- Spring事物隔离级别及事物传播行为@Transactional实现
阅读本篇文章前,请先阅读如下文章: 四种事物隔离级别详解 先看下@Transactional可以配制那些参数及以其所代表的意义. isolation 枚举org.springframework.tra ...
- Golang(十)TLS 相关知识(一)基本概念原理
0. 前言 最近参与一个基于 BitTorrent 协议的 Docker 镜像分发加速插件的开发,主要参与补充 https 协议 学习了 TLS 相关知识,下面对之前的学习做一下简单总结 参考文献:T ...
- FontForge 汉化教程
引用 :http://www.sucaijishi.com/2018/articles_0815/258.html FontForge是一款免费字库编辑工具,官方暂不提供简体中文,本文汉化方法在201 ...
- 查看window重启日志
命令行输入 net statistics WORKSTATION 显示开机时间 如果你今天一直没有关机,但是你看到这个信息显示今天XX点才开始统计数据的说明电脑重启了
- RestTemplate使用教程
原文地址:https://www.cnblogs.com/f-anything/p/10084215.html 一.概述 spring框架提供的RestTemplate类可用于在应用中调用rest服务 ...