1. 程式人生 > 其它 >ztree.js 禁止點選事件和滑鼠禁用

ztree.js 禁止點選事件和滑鼠禁用

先看樣式

 

 

 

 

  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>