js菜单隐藏显示

1、树状结构对应的表:

2、生成menulist的SQL语句

 select '{'+'"id":'+'"'+MenuID+'",'+'"parent":"'+ParentID+'",'+'"FirstLvMenu":'+'"'+FirstLvMenu+'",
 "text":"'+MenuName+'","url":"'+MenuUrl+'","enable":"'+ltrim(rtrim(str(MDeep)))+'","HaveChild":"'+HaveChild+'","state":"{opened: true }","icon":"'+MICO_Path+'"'+'},'
 from T_Menu
 //--where  menuID in ('','')
order by MenuID
 //注意： "HaveChild": "0" 的才控制权限，=1说明有子节点，不控制权限

_menuid_list=当前操作员的权限

for (i = 0; i < menulist.length; i++) {
     var _m_i = "," + menulist[i].id + ",";
     menulist[i].tip = "";//空=显示
     $('#' + menulist[i].id).removeClass("sr-only");//默认节点显示
     if (menulist[i].HaveChild == "0") {//menulist[i].parent != "#" &&
         if (_menuid_list.indexOf(_m_i) >= 0) {//|| _rule == "超级管理员"
             $('#' + menulist[i].id).attr('href', menulist[i].url);
         }
         else {
             if (menulist[i].enable == "0") {
                 //待开发中
                 $('#' + menulist[i].id).attr('href', 'javascript:show_ahref("' + menulist[i].text + '",1)');
                 menulist[i].tip = "1";
                 $('#' + menulist[i].id).addClass("sr-only");
             }
             else {
                 //无权限
                 $('#' + menulist[i].id).attr('href', 'javascript:show_ahref("' + menulist[i].text + '",0)');
                 menulist[i].tip = "0";
                 $('#' + menulist[i].id).addClass("sr-only");
             }
         }
     }
    
 }
 set_parents_menu(menulist);

3、设置父节点的显示隐藏

/**
 * 设置父节点的显示隐藏,放在设置权限之后...
 * @param {所有节点列表} menulist
 */
function set_parents_menu(menulist) {
    //tip=""(显示)，其他=隐藏
    var lst = menulist.filter(function (item) {
        return item.HaveChild == "1";//找到所有父节点
    });
    for (var i = 0; i < lst.length; i++) {
        var id = lst[i].id;
        var lst_child = menulist.filter(function (item) {
            return item.HaveChild == "1" && parent == id;
        });
        if (lst_child.length > 0) {
            //当前节点下有子节点且子节点下还有子节点(多层子节点)
           get_menu_parents(lst_child);
        }
        lst_child = menulist.filter(function (item) {
            return item.tip=="" && item.parent == id;//子菜单有显示
        });
        var index = -1;//当前节点id在menulist里的索引
        menulist.filter(function (item, itemindex) {
            if (item.id == id) { index = itemindex; }
            return item.id == id;
        });
        if (index >= 0) {
           menulist[index].tip = lst_child.length > 0 ? "" : "0";
           if (lst_child.length > 0) {
                //显示
                $('#' + id).remove("sr-only");
            }
            else {
                $('#' + id).addClass("sr-only");

            }
        }
    }
};