前些天項目需要樹結構表現數據，需求ztree就能滿足所以直接使用ztree只是踩了些小坑。。。

1.ztree子節點橫向顯示（下圖）：

效果說明：第三級子節點按需求橫向顯示其他豎向顯示，每行最多顯示5個（修改位置在zTreeStyle.css裏面哦，在外面設置不上的，頁面也獲取不到想要設置樣式的節點。。。如果你能還望賜教）代碼如下：

1 .ztree>li>ul>li>ul>li>ul{overflow:hidden;}
2 .ztree>li>ul>li>ul>li>ul>li{float: left;width
 
: 19%;height:46px;box-sizing: border-box; }

代碼很簡單，只是當初自己找起來不是很好找，並且一定加高度哦（坑1），不加高度如果還有4級子節點的話點擊收縮和展開會影響布局滴~~~

2.點擊文字勾選當前文字前對應的“input”：

這個效果其實挺簡單的，默認點擊文字是不勾選當前input的（ztree中用span給css表示）效果只要兩行代碼哦：

//點文字勾選
                var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
                // treeObj.checkNode(treeNode, !treeNode.checked, true); //切換勾選狀態
 

                treeObj.checkNode(treeNode, true, true); 

註意：此代碼寫在配置的方法的onclick事件函數中哦~~

3.去除指定位置input的勾選狀態：

for(var i=0; i<idAttr.length ; i++){
                
                $NodeByParamS    = treeObj.getNodeByParam("id", idAttr[i], null);
                treeObj.checkNode($NodeByParamS, false
 
, true);//取消勾選
            }

treeObj.checkNode（坑2_沒“s”） 通過 zTree 對象執行此方法，根據節點數據的屬性搜索，獲取條件完全匹配的節點數據 JSON 對象；
4.待續...先寫這三個吧......

Ztree _ 橫向顯示子節點、點擊文字勾選、去除指定元素input的勾選狀態