/** * 废弃,仅供参考代码,可直接删除!! * 扩展一个Menu模块,dev中间版本 * 通过插入的方式,直接一级级完全拼接进去 **/ layui.define(['jquery'], function(exports) { //提示:模块也可以依赖其它模块,如:layui.define('layer', callback); var $ = layui.jquery; var obj = { getMenu: function(curl) { if(!$('#side-nav').length){ return; } $.getJSON(curl, function(res) { var menuList = res.data; var items = []; var _ul = $('').addClass('nav').attr('id', 'nav'); $.each(menuList, function(index, val) { var item = '
  • ' + val.icon + '' + val.name + ''; if(val.children && val.children.length){ //有二级子菜单 var _subitems = []; var _subul = $('').addClass('sub-menu'); $.each(val.children, function(idx, submenu){ var _subitem = '
  • '+ submenu.name +''; if(submenu.children && submenu.children.length){ // 有三级子菜单 var _seconditems = []; var _secondul = $('').addClass('sub-menu'); $.each(submenu.children, function(idxx, secondmenu){ var _seconditem = '
  • '+ secondmenu.name +'
  • '; _seconditems.push(_seconditem); }); _secondul.append(_seconditems.join('')); _subitem += ''; } _subitem += ''; _subitems.push(_subitem); }) _subul.append(_subitems.join('')); item += ''; } item += ''; items.push(item); }); $('#side-nav').empty(); _ul.append(items.join('')); $('#side-nav').append(_ul); }); }, /** * @param {Object} id 上级子菜单id,拼接menu获取元素 * @param {Object} subList 子菜单列表 */ getSubMenu: function(id, subList){ var subItems = []; var subUl = $('').addClass('sub-menu'); $.each(subList, function(idx, sub){ var subItem = '
  • '+ sub.name +'
  • '; subItems.push(subItem); }); subUl.append(subItems.join('')); $('#menu'+id).appendTo(subUl); } }; //输出test接口 exports('menu', obj); });