ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ztree.js 禁止点击事件和鼠标禁用

2022-05-06 17:35:40  阅读:281  来源: 互联网

标签:treeNode 鼠标 js var ztree tId nodes css name


先看样式

 

 

 

 

  var _t = this; 
var setting = {
         view: {
            fontCss: {
               color: "#5E5F61"
            },
            showIcon: true,
            showLine: false
         },
         data: {
            simpleData: {
               enable: true
            }
         },
         callback: {
            beforeClick: _t.beforeClick_,
            onClick: function (event, treeId, treeNode) {
               _t.zTreeOnClick(event, treeId, treeNode);
            }
         }
      };
     zTree_Menu = $.fn.zTree.getZTreeObj("group_file");
var nodes = zTree_Menu.transformToArray(zTree_Menu.getNodes());
      for (var i = 0; i < nodes.length; i++) {
         if (nodes[i].parentCode == "0" && nodes[i].name[nodes[i].name.length - 2] == "0") {
            //没有子级鼠标禁止
            $("#" + nodes[i].tId).css({ "cursor": "not-allowed" });
            $("#" + nodes[i].tId + '_ico').css("cursor", "not-allowed");
            $("#" + nodes[i].tId + '_switch').css("cursor", "not-allowed");
         } else {
            $("#" + nodes[i].tId).css("cursor", "pointer");
         }
      }
  /****
* 单击树之前
*/
   beforeClick_: function (treeId, treeNode, clickFlag) {
      // 没有子级禁止点击
      if (treeNode.parentCode == "0" && treeNode.name[treeNode.name.length - 2] == "0") {
         return false;
      }
      return true;
   }


//html
 <div class="m-folders">
      <ul id="group_file" class="ztree"></ul>
   </div>

 

标签:treeNode,鼠标,js,var,ztree,tId,nodes,css,name
来源: https://www.cnblogs.com/ht955/p/16229651.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有