如何自定義修改ztree樹節點的圖標


1、此種情況是針對后對數據沒有不好判斷誰是父節點和子節點的問題

  ztree默認的樹節點,父子節點的圖標不大好看,修改圖片只需要在數據的地方添加icon的鍵,值就是圖片的相對位置,但是問題就是需要區分是不是子節點的問題,因為后台也不好判斷,所以自己想了一個辦法,就是遍歷一次后台的數據,創建一個對象,對象的鍵就是pid,值為true,在循環的時候,如果rowData[i]里面的id在這個對象里面沒有的話,就說明是子節點,否則為父節點,代碼如下

        var obj={};
        for(var i=0,len=rowData.length;i<len;i++){
            obj[rowData[i].pId]="true";
        }
        for(var i=0,len=rowData.length;i<len;i++){
            if(!obj[rowData[i].id]){
                rowData[i].icon="images/line.png";
            }
        }
        //構建樹形

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM