首页 / JQUERY / jquery map() easyui-treegrid easyui-combotre

jquery map() easyui-treegrid easyui-combotre

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery map() easyui-treegrid easyui-combotre，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1384字，纯文字阅读大概需要2分钟。

内容图文


具体效果可见： 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串··前端进行了处理操作

原文：http://my.oschina.net/alexgaoyh/blog/325452

内容总结

以上是互联网集市为您收集整理的jquery map() easyui-treegrid easyui-combotre全部内容，希望文章能够帮你解决jquery map() easyui-treegrid easyui-combotre所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1167360.html

来源：【匿名】