求大神指教!!

为你画地为牢 发布于 2018/03/08 10:04
阅读 125
收藏 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page contentType="text/html; charset=UTF-8" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>柯桥妇保系统</title>
    <%
            String contextPath = request.getContextPath();
    String usercnname = (String)request.getAttribute("usercnname");
    String str = (String)request.getAttribute("treeString");
        %>    
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/css/css.css">
    <script type="text/javascript" src="<%=contextPath%>/main/js/base.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/jsNew/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/layui/layui.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/jsNew/index.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo"></div>

        <ul class="m-right">
            <li style="line-height: 24px; margin-right: 20px;">欢迎你!<br>操作员<%=usercnname %></li>
            <li class="close-container"><i class="iconfont m-close">&#xe60d;</i></li>
        </ul>
    </div>

    <div class="layui-side bg-left">

        <div class="left-title">菜单功能</div>
        <div class="navBar layui-side-scroll" lay-filter="navTree"></div>
    </div>

    <div class="layui-body layui-form">

        <div class="layui-tab mar-tb0 m-container " lay-filter="bodyTab" id="top_tabs_box">
            <ul class="layui-tab-title layui-tab-mtitle top_tab pad-l10 fir-title" id="top_tabs">
                <li class="layui-this" lay-id=""><cite>欢迎界面</cite></li>
            </ul>
            <ul class="layui-nav closeBox m-closebox">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="iconfont icon-caozuo"></i> 页面操作</a>
                    <dl class="layui-nav-child m-layui-nav-child">
                        <dd><a href="javascript:;" class="closePageOther"> 关闭其他</a></dd>
                        <dd><a href="javascript:;" class="closePageAll"> 关闭全部</a></dd>
                    </dl>
                </li>
            </ul>

            <div class="layui-tab-content clildFrame sec-title m-content" >
                <div class="layui-tab-item layui-show">
                    <iframe src="<%=contextPath%>/main/welcome.jsp" class="mframe" frameborder="no" scrolling="auto"></iframe>
                </div>
            </div>
        </div>
    </div>


</div>

<script> 
var datas = [];
layui.config({
    base: "<%=contextPath%>/jsNew/"
}).use(['element', 'layer', 'jquery'], function () {
    var $ = layui.jquery, element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块

    //加载菜单
    $(function () {
        $.ajax({
            url: basePath+"/fun/getMain.do",
            type: "get",
            dataType: "json",
            data: {
                "date": new Date()
            },
            success: function (data) {
                console.log(data.funtionList);
                datas = data.funtionList;
                var ulHtml = '<ul class="layui-nav layui-nav-tree" lay-filter="navTree">';
                $.each(datas, function (i, e) {
                    if (e.id) {
                        ulHtml += '<li class="layui-nav-item">';
                    }
                    if(e.pid==1){
                        var pid = e.id;
                        ulHtml += '<a href="javascript:void(0);"><img src=\"' + e.icon + '\" class="left-icon"> ';
                        ulHtml += '<cite>' + e.name + '</cite><span class="layui-nav-more"></span></a>';
                        ulHtml += '<dl class="layui-nav-child">';
                        $.each(datas, function (j, child) {
                            if(pid == child.pid){
                                 ulHtml += '<dd><a href="javascript:void(0);" data-url=\"' + child.href + '\">' +
                                 '<cite>' + child.name + '</cite></a></dd>';
                            }
                        });
                        ulHtml += '</dl></li>';
                    } else {
                        ulHtml += '<li class="layui-nav-item"><a href="javascript:;" data-url=\"' + e.href + '\">' +
                            '<img src=\"' + e.icon + '\" class="left-icon">' +
                            '<cite>' + e.name + '</cite></a></li>';
                    }
                });
                ulHtml += '<span class="layui-nav-bar"></span></ul>';
                $(".navBar").empty().html(ulHtml).height($(window).height() - 245);
                //初始化菜单
                element.init();
                $(window).resize(function () {
                    $(".navBar").height($(window).height() - 245);
                });

                element.on('nav(navTree)', function (elem) {
                    
                    if (elem.find("a").attr("data-url")) {
                        //如果不存在子级
                        if (elem.find("a").siblings().length == 0) {
                            addTab(elem.find("a"));
                        }
                    }
                });
            }
        });
        


    });


})

function getCurrentFrame() {
    return $(".layui-tab-content.clildFrame .layui-show").find("iframe")[0].contentWindow;
}
</script> 
</body>
</html>

 

我这里做一个导航菜单栏,后台查询是没问题的,但是前台显示父菜单和子菜单全部都显示到一起的,没有区分开来,不知道是不是前台的数据拼接哪里出错了!!

求大神帮忙!!!

加载中
返回顶部
顶部