layui-扩展模块开发文档
enian - 文档库

layui扩展模块 - enianMenu 开发文档

菜单最多支持到二级菜单 ，后续可能扩展更新支持更多。

码云下载

https://gitee.com/hslr/layui_extension_modulemenu.git

演示

数据格式示例

  1. [{"id":28,"title":"主页","img":"","type":"0","aid":1,"url":"/admin/index/applist.html","pid":"20"}
  2.  ,{"id":27,"title":"管理员列表","img":"","type":"0","note":'我是管理员列表',"aid":1,"url":"/adminlist.html","pid":"25"}
  3.  ,{"id":26,"title":"应用管理","img":"","type":"0","aid":1,"url":"/admin/index/applist.html","pid":"25"}
  4.  ,{"id":20,"title":"首页","img":"","type":null,"note":'我是首页',"aid":1,"pid":"0","open":true}
  5.  ,{"id":25,"title":"分组2","img":"","type":null,"aid":1,"pid":"0"}
  6.  ,{"id":21,"title":"可点击分组","img":"","note":'我是可点击分组',"type":null,"aid":1,"url":"/admin/666.html","pid":"0"}]
参数 必须 示例 解释
id 是 1 num 唯一id
pid 是 0/group 当pid为0或者等于”group”则识别为分组
title 是 str 菜单标题名
url 否 str 此参数为空，被点击不会激发菜单点击事件，分组中填写url则默认无二级可点击分组
note 否 str 鼠标停留到菜单上会弹出备注信息
checked 否 true 设置是否选中
img 否 str 随意支持图标标签和图片标签
name 否 随意
open 否 true 展开分组（注：仅当pid为0或者为”group”，并且不是可点击分组时有效）
type 否 随意

渲染菜单

  1. menu.render(data,'#menu_left',function(obj){
  2.    var url = obj.url;
  3.    console.log(obj)
  4. })
参数 类型 解释
参1 arr 数组对象
参2 str DOM容器
参3 func 菜单点击回调

注意：当url参数内容为空的时候无法回调

动态设置选中内容

  1. //设置完成返回 true，没有项目返回 false。19-1-6 新增返回值
  2. menu.setCheck(key,value);
参数 解释
key 数组中设定的key，可选值有 id type name title url
value 数组中设定key的值 
  1. //示例
  2. //以下代码实现：title 字段为“系统设置”的项目将选中
  3. menu.setCheck("title","系统设置");

——文档结束——