zTree移除節點的class: 。/* 自定義:覆蓋選中的背景色 */ .no-curSelectedNode{ curSelectedNode, 可toggle切換
阿新 • • 發佈:2019-02-05
1、自定義class: no-curSelectedNode
/* 自定義:覆蓋選中的背景色 */
.no-curSelectedNode{
background-color: #fff !important;
border: 1px #fff solid !important;
}
2、在回撥中判斷
var setting = { view: { dblClickExpand: false, showLine: true, selectedMulti: false, nameIsHTML: true }, data: { simpleData: { enable: true, idKey: "id", pIdKey: "pId", rootPId: "" } }, callback: { beforeClick: function(treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("tree"); if(treeNode.isParent) { zTree.expandNode(treeNode); return false; } else { // 點選子節點, 可切換啟用樣式 var tId = treeNode.tId; var selectNode = $('#' + tId).find('a'); if($(selectNode).hasClass('curSelectedNode')) { $(selectNode).toggleClass('no-curSelectedNode') }else if(!$(selectNode).hasClass('curSelectedNode')) { $(selectNode).removeClass('no-curSelectedNode') } return true; } } } }
3、效果圖