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);
        }