zTree 自定义字体颜色 ,自定义样式,自定义name样式,控制name字体颜色,zTree 展开第一个节点,找出默认选中的

zTree 自定义字体颜色 ,自定义样式,后端输出后数据后自定义name样式,后台控制name字体颜色,name单独自定义颜色

            // zTree初始化
            var setting = {
                view:{
                    fontCss:getFont//主要此方法,在初始化时加载此方法
                },
                data: {
                    simpleData: {
                        enable: true
                    }
                },
                callback: {
                    onClick: zTreeOnClick
                }
            };


            //用字体颜色区分提资状态
            function getFont(treeId, node) {
                var $state = node.state;
                if($state == 0){
                    return {"color":"black"};
                }else if($state == 1){
                    return {"color":"#0099CC","font-weight":"bold"};
                }else{
                    return {"color":"#FF6666"};
                }
            }

 

zTree 展开第一个节点

        // 初始化
        $(document).ready(function(){
            initFun();
            selectNodes();//展开第一个节点
        });

        //单独让第一个节点展开
        function selectNodes() {
            var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
            var nodes = treeObj.getNodes();
            $suoyin_0 = nodes[0]['children'][0]['children'];
            if ($suoyin_0.length>0) {
                for(var i=0;i<$suoyin_0.length;i++){
                    treeObj.expandNode($suoyin_0[i], true, false, false);//默认展开第三级所有节点
                }
            }else{
                for(var i=0;i<nodes.length;i++){
                    treeObj.expandNode(nodes[i], true, false, false);//默认展开第一级节点
                }
            }
        }        

 

ztree 获取默认选中的id

//页面初始化的时候加载一下这个方法
//获取全部已经选中的id
function clearCheckedOldNodes() {
            var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
                nodes = zTree.getCheckedNodes();//获取全部已经选中的,
            var dan_nodes = zTree.getChangeCheckedNodes();//获取单个选中的,这个需要配置每次点击事件
            var xuanzhong_id = "";
            var xuanzhong_title = "";
            for (var i=0, l=nodes.length; i<l; i++) {
                //nodes[i].checkedOld = nodes[i].checked;
                xuanzhong_id += nodes[i].id + "_";
                xuanzhong_title += nodes[i].name + "_zc_";
            }
            $('#bl_fl_id').val(xuanzhong_id);
            $('#bl_fl_title').val(xuanzhong_title);
        }

 

posted @ 2020-11-06 16:30  遇事稳坐钓鱼台  阅读(1575)  评论(0编辑  收藏  举报