1. 程式人生 > >zTree移除節點的class: 。/* 自定義:覆蓋選中的背景色 */ .no-curSelectedNode{ curSelectedNode, 可toggle切換

zTree移除節點的class: 。/* 自定義:覆蓋選中的背景色 */ .no-curSelectedNode{ curSelectedNode, 可toggle切換

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、效果圖