下列代码中点击功能模块跳转不了，请考虑
使用超链接href生成：“<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="javax.servlet.http.HttpServletRequest"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>系统导航菜单</title>
<!-- 引入
EasyUI资源 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/
easyui/themes/default/
easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/
easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/
easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/
easyui/jquery.
easyui.min.js"></script>
<style>
.menu-container {
padding: 5px;
}
.menu-title {
font-weight: bold;
color: #2c3e50;
padding: 8px 5px;
border-bottom: 1px dashed #eee;
}
.menu-item {
margin: 3px 0;
}
.menu-item a {
display: block;
padding: 8px 5px 8px 25px;
text-decoration: none;
color: #34495e;
transition: all 0.3s;
}
.menu-item a:hover {
background-color: #ecf0f1;
color: #3498db;
}
.menu-section {
margin-bottom: 15px;
}
</style>
</head>
<body>
<div class="
easyui-accordion" data-options="fit:true,border:false">
<!-- 商品管理模块 -->
<div title="商品管理" data-options="iconCls:'icon-product'" style="overflow:auto;">
<div class="menu-container">
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('商品列表','../proinfomgmt/ProInfolist.jsp')">
<span class="icon icon-list" style="display:inline-block;width:16px;"></span>
商品基本信息列表
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('商品查询','../proinfomgmt/QueryProInfoSelectVal.jsp')">
<span class="icon icon-search" style="display:inline-block;width:16px;"></span>
商品列表查询
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('商品查询','../proinfomgmt/QueryProInfo.jsp')">
<span class="icon icon-filter" style="display:inline-block;width:16px;"></span>
查询商品基本信息
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('多条件查询','../proinfomgmt/QueryProInfoMultConds.jsp')">
<span class="icon icon-advanced-search" style="display:inline-block;width:16px;"></span>
多条件查询商品
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('添加商品','../proinfomgmt/AddProInfo.jsp')">
<span class="icon icon-add" style="display:inline-block;width:16px;"></span>
添加商品基本信息
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('商品维护','../proinfomgmt/ProInfolistforModi.jsp')">
<span class="icon icon-edit" style="display:inline-block;width:16px;"></span>
修改或删除商品
</a>
</div>
</div>
</div>
<!-- 库存管理模块 -->
<div title="库存管理" data-options="iconCls:'icon-inventory'" style="overflow:auto;">
<div class="menu-container">
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('库存列表','../invinfomgmt/Invinfolist.jsp')">
<span class="icon icon-list" style="display:inline-block;width:16px;"></span>
库存信息列表
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('库存查询','../invinfomgmt/QueryInvInfoMultConds.jsp')">
<span class="icon icon-search" style="display:inline-block;width:16px;"></span>
多条件查询库存
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('库存查询','../invinfomgmt/QueryInvInfoSelectVal.jsp')">
<span class="icon icon-filter" style="display:inline-block;width:16px;"></span>
库存列表查询
</a>
</div>
</div>
</div>
<!-- 入库管理模块 -->
<div title="入库管理" data-options="iconCls:'icon-inbound'" style="overflow:auto;">
<div class="menu-container">
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('添加入库','../Inbinfomgmt/AddInbInfo.jsp')">
<span class="icon icon-add" style="display:inline-block;width:16px;"></span>
添加入库信息
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('入库维护','../Inbinfomgmt/InbInfolistforModi.jsp')">
<span class="icon icon-edit" style="display:inline-block;width:16px;"></span>
修改或删除入库
</a>
</div>
</div>
</div>
<!-- 出库管理模块 -->
<div title="出库管理" data-options="iconCls:'icon-outbound'" style="overflow:auto;">
<div class="menu-container">
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('添加出库','../Outinfomgmt/AddOutInfo.jsp')">
<span class="icon icon-add" style="display:inline-block;width:16px;"></span>
添加出库信息
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('出库维护','../Outinfomgmt/OutInfolistforModi.jsp')">
<span class="icon icon-edit" style="display:inline-block;width:16px;"></span>
修改或删除出库
</a>
</div>
</div>
</div>
<!-- 用户管理模块（带权限控制） -->
<%
String operator_id = (String) request.get
Session().getAttribute("user");
if ("U202340848".equals(operator_id)) {
%>
<div title="系统管理" data-options="iconCls:'icon-system'" style="overflow:auto;">
<div class="menu-container">
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('员工密码重置','../userinfomgmt/UserInfolistforModi_1.jsp')">
<span class="icon icon-lock" style="display:inline-block;width:16px;"></span>
员工重置密码
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('添加员工','../userinfomgmt/AddUserInfo.jsp')">
<span class="icon icon-user-add" style="display:inline-block;width:16px;"></span>
管理员添加员工
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('员工列表','../userinfomgmt/UserInfolist_1.jsp')">
<span class="icon icon-user-list" style="display:inline-block;width:16px;"></span>
管理员查看员工
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('员工维护','../userinfomgmt/UserInfolistforModi.jsp')">
<span class="icon icon-user-edit" style="display:inline-block;width:16px;"></span>
员工信息维护
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('员工查询','../userinfomgmt/QueryUserInfoSelectVal.jsp')">
<span class="icon icon-search" style="display:inline-block;width:16px;"></span>
查询员工信息
</a>
</div>
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('精准查询','../userinfomgmt/QueryUserInfo.jsp')">
<span class="icon icon-filter" style="display:inline-block;width:16px;"></span>
精准查询员工
</a>
</div>
</div>
</div>
<% } else { %>
<div title="个人设置" data-options="iconCls:'icon-user'" style="overflow:auto;">
<div class="menu-container">
<div class="menu-item">
<a href="javascript:void(0)" onclick="addTab('密码重置','../userinfomgmt/UserInfolistforModi_1.jsp')">
<span class="icon icon-lock" style="display:inline-block;width:16px;"></span>
重置我的密码
</a>
</div>
</div>
</div>
<% } %>
</div>
<script>
// 添加选项卡函数
function addTab(title, url){
if ($('#mainTabs').tabs('exists', title)){
$('#mainTabs').tabs('select', title);
} else {
$('#mainTabs').tabs('add',{
title: title,
href: url,
closable: true,
bodyCls: 'tab-content'
});
}
}
// 初始化手风琴菜单
$(function(){
$('.
easyui-accordion').accordion();
});
</script>
</body>
</html>
”
本文详细介绍了如何在easyui超链接中利用session来获取并显示特定信息。
扫一扫
3683
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
