Ztree 多選，顯示勾選的路徑

項目要求，需要向后台傳遞已經勾選的路徑，如 l1-a, l1-l3-c,l1-l3-d;(如果是全選狀態則只傳遞全選狀態的路徑，不傳子節點)。

具體可以參考jQ  Ztree 的 v3.5 版本  

Metro 風格的demo

var mesetting = {
            view: {
                addHoverDom: addHoverDom,
                removeHoverDom: removeHoverDom,
                selectedMulti: true,
                showIcon:true,
                showLine:true,
                dblClickExpand: false//禁用雙擊展開父節點功能
            },
            edit: {
                enable: false,
                showRemoveBtn: false,//設置刪除按鈕是否顯示
                showRenameBtn: false,//設置編輯按鈕是否顯示
                drag: {//禁用拖拽
                    isCopy: false,
                    isMove: true
                }
            },
            check: {
                enable: true
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback: {
                onClick: onClick,
                onCheck: onCheck
            }
        };

主要描述onCheck ：

var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
           var nodes = treeObj.getCheckedNodes(true);
           var oArr = [],nArr = [],oId;
           $.each(nodes,function (index,item){
               if (item.check_Child_State == 2 && !item.pId){
                   oArr.push(item);

               }

               if (item.check_Child_State == 2 && item.pId){
                   oId = item.id;
                   nArr.push(item);
               } else if (item.check_Child_State == -1 && item.pId != oId){
                   nArr.push(item);
               }
           });

上面代碼，oArr 取的是根節點的路徑，nArr 取出的是根節點為半選狀態的路徑；

主要遇到一個坑就是下面要描述的 運用遞歸去 找出我要的路徑結果：

function getFilePath(treeNode){
                    if(treeNode==null)return "";
                　　    var filename = treeNode.name;
                　　    rootName = treeNode.name;
                　　    var pNode = treeNode.getParentNode();

                　　    if(pNode!=null){
//                        oldName == '' ? path.push(pNode.name + ',' + filename) : path.push(pNode.name + ',' + oldName);
                        oldName == '' ? newName = pNode.name + ',' + filename : newName = pNode.name + ',' + oldName;
                        oldName = pNode.name + ',' + filename;
                   　　　filename = getFilePath(pNode);

                　　    }
                    path.push(newName);
                 　    return filename,oldName = '',newName = '';
            }

 

然后 發現這個path 是含有空的一個數組，希望大神能給看看上面情況。我處理的是對數組進行去空了操作

//去除數組中的空值
            function trimSpace(array){
                 for(var i = 0 ;i<array.length;i++)
                 {
                     if(array[i] == "" || typeof(array[i]) == "undefined")
                     {
                              array.splice(i,1);
                              i= i-1;

                     }
                 }
                 return array;
            }

以上僅代表個人在使用這個ztree中碰到多選構造路徑遇到的麻煩。