layui实现动态多级菜单

common.js

var configData = {// 菜单, menu: {title: '管理员', defaulturl: 'view/shipxy/console.html', child: [{isexpand: true, tips: '基础数据', showname: '基础数据', dataname: 'basedata', icon: 'layui-icon-app', subchild:[{isexpand: true, tips: '提单', showname: '提单', dataname: 'basedata/bl', url: 'view/shipxy/console.html'}]},{isexpand: false, tips: '合作公司', showname: '合作公司', dataname: 'partner', icon: 'layui-icon-app', subchild: [{isexpand: false, tips: '中国外运', showname: '中国外运', dataname: 'partner_sinotrans', subchild: [{showname: '配船通知', dataname: 'partner_sinotrans_pctz', url: 'view/partner/sinotrans/pctz.html'},{showname: '每日订舱箱量统计汇总', dataname: 'partner_sinotrans_dcxl', url: 'view/partner/sinotrans/dcxl.html'},}]},{isexpand: false, tips: '船公司', showname: '船公司', dataname: 'shipcompany', icon: 'layui-icon-app', subchild: [{isexpand: false, tips: '法国达飞CMA 地址:https://www.cma-cgm.com', showname: '法国达飞CMA', dataname: 'shipcompany_cma', subchild: [{showname: '提单与集装箱', dataname: 'shipcompany_cma_billLoading', url: 'view/shipcompany/cma/billLoading.html'},{showname: '集装箱物流状态', dataname: 'shipcompany_cma_movesDetail', url: 'view/shipcompany/cma/movesDetail.html'}]},{isexpand: false,tips:'海丰SITC 地址:http://www.sitcline.com', showname: '海丰SITC', dataname: 'shipcompany_sitc', subchild: [{showname: '集装箱物流状态', dataname: 'shipcompany_sitc_cargoTracking', url: 'view/shipcompany/sitc/cargoTracking.html'}]},]},]}
}

layui实现动态多级菜单相关推荐

java web动态菜单设计_spring-boot与模板引擎：使用metisMenu实现动态多级菜单
系列传送门在web开发中,特别是后台管理工具的开发,经常用到纵向的多级菜单. 但是常用的Bootstrap仅能支持到2级菜单,对于3级及3级以上的菜单的显示,却无能为力. 下面我将使用另一个jQue ...
CSS3实现动态多级菜单效果
以下是用CSS3的新特性做的三级菜单系列的效果,在不考虑兼容性的情况下,IE9以上的浏览器,火狐谷歌都可以流畅显示. 对应IE6,7,8来说,动态效果会没有,还需要再做一些HACK处理才行. 代码复制 ...
c# mvc5 view 多层_MVC5+EF6 入门完整教程13 -- 动态生成多级菜单
稍微有一定复杂性的系统,多级菜单都是一个必备组件. 本篇专题讲述如何生成动态多级菜单的通用做法. 我们不用任何第三方的组件,完全自己构建灵活通用的多级菜单. 需要达成的效果:容易复用,可以根据mode ...
响应式多级菜单侧边菜单栏_使用纯HTML和OmniFaces构建动态响应的多级菜单
响应式多级菜单侧边菜单栏最近,我不得不使用JSF 2.2创建一个响应式多级菜单. 要求:菜单应: 从后端使用动态结构创建 React灵敏,例如对桌面和移动设备友好有带有导航链接的子菜单项支持触 ...
使用纯HTML和OmniFaces构建动态响应的多级菜单
最近,我不得不使用JSF 2.2创建一个响应式多级菜单. 要求:菜单应: 从后端使用动态结构创建反应灵敏,例如对桌面和移动设备友好有带有导航链接的子菜单项支持触摸事件支持键盘辅助功能 Prim ...
Contextmenustrip动态添加多级菜单
1.如果只是一级菜单就解决的话,使用控件Contextmenustrip,动态添加ToolStripMenuItem就可以了, 自己设置一下name/click/text的属性就可以了 2.如果是多级 ...
Qt动态多级导航菜单
该控件使用QScrollArea.QPushButton.QWidget和QVboxLayout模拟树结构. /** 动态多级导航菜单* 内置5种皮肤.两种折叠/展开图标.顶层节点分割线显隐的功能* ...
基于vue+element实现多级菜单动态生成
使用element的NavMenu组件+vue的组件递归实现动态生成菜单. 首先创建对象记录菜单的标题.链接.子集等信息. menus: [{title: "首页",icon: & ...
vant树型菜单多级_iOS 动态树形结构 - 实现多级菜单，附带复选框功能
关键词:递归多级菜单复选目标: 1.显示多级菜单,默认显示一级. 2.可以通过点击有子级的行展开菜单 3.通过复选框,改变选中状态.状态有全选.半选.未选中 4.可以扩展获取当前所选的条目集合 ...
Django 权限管理-后台根据用户权限动态生成菜单
Django权限管理实现目标: 1.管理用户,添加角色,用户关联角色 2.添加权限.角色关联权限 3.添加动作.权限关联动作 4.添加菜单.权限关联菜单实现动态生成用户权限菜单(可设置多级菜单嵌套 ...

layui实现动态多级菜单

layui实现动态多级菜单相关推荐

最新文章

热门文章