jquery map() easyui-treegrid easyui-combotre

具體效果可見： https://git.oschina.net/alexgaoyh/alexgaoyh.git

後臺傳遞給前臺的json數據以下：

[{"deleteFlag":0,"parent.name":"","orderNo":1,"children":[{"deleteFlag":0,"parent.name":"系統管理","orderNo":1,"createTime":1412843076000,"name":"用戶管理","description":"用戶管理","pid":3,"href":"/admin/sysmanUser/list","leaf":true,"parent.pid":1,"resourceType":1},{"deleteFlag":0,"parent.name":"系統管理","orderNo":2,"createTime":1412845169000,"name":"角色管理","description":"角色管理","pid":2,"href":"/admin/sysmanRole/list","leaf":true,"parent.pid":1,"resourceType":1},{"deleteFlag":0,"parent.name":"系統管理","orderNo":3,"createTime":1412844743000,"name":"資源管理","description":"資源管理","pid":4,"href":"/admin/sysmanResource/list","leaf":true,"parent.pid":1,"resourceType":1}],"createTime":1409126740000,"name":"系統管理","description":"系統管理","pid":1,"href":"/","leaf":false,"parent.pid":"","resourceType":1}]

       

    
    js能夠添加一個方法：
    前端獲取到的list集合，轉化爲easyui-combotree所需的treenode

function listToTreeNode(value){
        if(value.children){
            return {id:value.pid,text:value.name,children:$.map(value.children,listToTreeNode)};
        }else{
            return {id:value.pid,text:value.name};
        }
        
    }

    
    
    
    後臺可使用
    
   

console.log(data);
                    
console.log(data.map(listToTreeNode));

截圖

1：後臺傳遞過來的json數據：

    

    進行測試

通過  jquery 的 map() 方法對數據進行輸出以後：

展示效果：

這兩個 easyui-treegrid  easyui-combotree   實際使用的是後臺傳遞過來的同一個json串··前端進行了處理操做