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

zTree移除节点的class: 。/* 自定义:覆盖选中的背景色 */ .no-curSelectedNode{ curSelectedNode, 可toggle切换_第1张图片

你可能感兴趣的:(javascript)