首页 > 其他 > 详细

eazasyui树形菜单

时间:2017-01-15 14:45:13      阅读:253      评论:0      收藏:0      [点我收藏+]
//此处是easyui的json格式  
var tree = {  
    id:‘‘,  
    text:‘‘,  
    state:‘‘,  
    checked:‘‘,  
    attributes:‘‘,  
    children:‘‘  
}  
//此处是把后台传过来的json数据转成easyui规定的格式  
function bl(item){  
    var tree = new Object();  
    tree.id = item.id;  
    tree.text = item.name;  
    tree.state = ‘open‘;  
    tree.checked = ‘false‘;  
    tree.attributes = item.url;  
    if(item.child_menus.length != 0){  
        tree.children = jsonbl(item.child_menus);  
    }else{  
        tree.children = [];  
    }  
    return tree;  
}  
function jsonbl(data){  
    var easyTree = [];  
    $.each(data,function(index,item){  
     easyTree[index] = bl(item);  
     });  
    return easyTree;  
}  
//此处是easyui调用tree组件的方法(使用easyui的童鞋自然懂得,只需修改请求json的api即可)  
$(‘#tt‘).tree({  
    url: ‘${pageContext.request.contextPath}/sysmenu/all‘,  
     loadFilter: function(data){   
        return jsonbl(data);   
    }  
});  

 

eazasyui树形菜单

原文:http://www.cnblogs.com/javaweb2/p/6287053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!