layui树形菜单动态遍历的例子

2023-08-13 19:47:04 160

<%@pagelanguage="java"pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%> <%@tagliburi="http://java.sun.com/jsp/jstl/core"prefix="c"%> <%@tagliburi="http://java.sun.com/jsp/jstl/functions"prefix="fn"%> <%@tagliburi="http://java.sun.com/jsp/jstl/fmt"prefix="fmt"%> layui.use(['layer','tree'],function(){ varlayer=layui.layer ,$=layui.jquery; layui.tree({ elem:'#demo1'//指定元素 ,click:function(item){//点击节点回调 if(item.preview!=null){ varindex=layer.open({ type:2, title:item.name, content:"/varietySystem/"+item.preview }); layer.full(index); $(window).on("resize",function(){ layer.full(index); }); } }, nodes:[//节点 { name:'申请文件' ,id:1 ,alias:'shenqingwenjian' ,spread:true//默认展开 ,children:function(){ vararr=[]; arr.push({ name:"请求书" ,preview:'firstReceiveTree/toApplyRequestInfo/${applyRequest.idpk}' }); arr.push({ name:"请求书" ,preview:'firstReceiveTree/toApplyRequestInfo/${applyRequest.idpk}' }); returnarr; }() }, { name:'中间文件' ,id:1 ,alias:'zhongjianwenjian' ,children:function(){ vararr=[]; arr.push({ name:"意见陈述书" ,preview:'statementOpinion/preview?idpk=${StatementAndCorrection.typeid}' }); returnarr; }() }, { name:'通知书' ,id:1 ,alias:'tongzhishu' ,children:function(){ vararr=[]; arr.push({ name:"手续合格通知书" ,preview:'formalityNotice/noticeInfo/${formalityNotice.idpk}' }); returnarr; }() } ] }); });

layui树形菜单动态遍历的例子

热门推荐

随机推荐