📄 menuconfig.jsp
字号:
<%@ page contentType="text/html;charset=GBK" %>
<%@ page import="epod.app.menu.MenuConfig"%>
<html>
<head>
<title>菜单配置页</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<link rel="stylesheet" href="/epod/skins/m_default/lib/style.css" type="text/css">
<SCRIPT language=JavaScript>
<!-- // RightClickMenu
var intDelay=1; //设置菜单显示速度，越大越慢
var intInterval=20; //每次更改的透明度
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
//ie5menu.style.visibility=""
ie5menu.filters.alpha.opacity=0
GradientShow()
return false
}
function hidemenuie5(){
//ie5menu.style.visibility="hidden"
GradientClose()
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#000000"
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.url != ''){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
}
function GradientShow() //实现淡入的函数
{
ie5menu.filters.alpha.opacity+=intInterval
if (ie5menu.filters.alpha.opacity<100) setTimeout("GradientShow()",intDelay)
}
function GradientClose() //实现淡出的函数
{
ie5menu.filters.alpha.opacity-=intInterval
if (ie5menu.filters.alpha.opacity>0) {
setTimeout("GradientClose()",intDelay)
}
else {
ie5menu.style.visibility="hidden"
}
}
function ChangeBG() //改变菜单项的背景颜色，这里的两种颜色值可以改为你需要的
{
oEl=event.srcElement
if (oEl.style.background!="navy") {
oEl.style.background="navy"
}
else {
oEl.style.background="#cccccc"
}
}
// -->
</SCRIPT>
<STYLE type=text/css>
.cMenu {
FILTER: alpha(opacity=0);BACKGROUND-COLOR: #33CCFF;BORDER-BOTTOM: #666666 2px solid; BORDER-LEFT: #E4E4E4 2px solid; BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #E4E4E4 2px solid; COLOR: #000000; CURSOR: default; FONT-SIZE: 9pt; color:#000000;FONT-WEIGHT: normal; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 110px; HEIGHT: 1px
}
.menuitems {
font-size:9pt;
MARGIN: 2px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 15px;
PADDING-RIGHT: 3px;
PADDING-TOP: 0px;
}
</STYLE>
</head>
<body oncontextmenu="return false"><!--把页面的右键菜单的事件设置为关闭-->
<%
//创建菜单配置对象
MenuConfig menuconfig=new MenuConfig(request);
//以form的形式向页面写出所有菜单信息
out.println(menuconfig.execute());
out.println("<br>");
//获得操作类型
//String operateType=(String)request.getParameter("operateType");
//out.println(operateType);
//out.println("<br>");
//out.println(request.getAttribute("operateType"));
//String operateType=(String)request.getAttribute("operateType")；
%>
<table width="100%" border=0 cellspacing=1 cellpadding=1 class=unit_table>
<form name="epodform" action="" method="post" onSubmit="return selfTest()">
<tr>
<td width="40%" class="cell_title">
<div align="center">配置菜单项</div></td>
<td width="60%" class="cell_title">
<div align="center">属性定义</div></td>
</tr>
<tr>
<td align="left" valign="top" onclick="hidemenuie5();" class="cell_left"> <!--设置了关闭右键菜单的事件-->
<%
//epod.system.menu.MenuMan mm=new epod.system.menu.MenuMan();
//epod.menu.Menu menu=epod.menu.MenuFactory.getMenu("tree");
// menu.setJsName("menuconfig.js");
//out.print(menu.getHtml(mm.getMenuTree()));
epod.system.menu.Menu menu = epod.system.menu.MenuFactory.getMenu("epod.system.menu.DefaultTreeMenu");
menu.setJsName("/epod/skins/m_default/lib/menu/menuconfig.js");
out.print(menu.getHtml());
%>
</td>
<td onmouseover="hidemenuie5();" class="cell_left" valign=top><!--设置了关闭右键菜单的事件-->
<table width="100%" border=0 cellspacing=1 cellpadding=1 class=unit_table>
<tr>
<td class="cell_title">属性名称</td>
<td class="cell_title">属性设置</td>
</tr>
<tr>
<td class="cell_right">名称</td>
<td class="cell_left"><input class=input size=50 type="text" name="ename"></td>
</tr>
<tr>
<td class="cell_right">备注</td>
<td class="cell_left"><input class=input size=50 type="text" name="eremark"></td>
</tr>
<tr>
<td class="cell_right">链接</td>
<td class="cell_left"><input class=input size=50 type="text" name="elink"></td>
</tr>
<tr>
<td class="cell_right">图片</td>
<td class="cell_left"><input class=input size=50 type="text" name="ecloseimage"></td>
</tr>
<tr>
<td class="cell_right">开启时图片</td>
<td class="cell_left"><input class=input size=50 type="text" name="eopenimage"></td>
</tr>
<tr>
<td class="cell_right">顺序</td>
<td class="cell_left"><input class=input size=50 type="text" name="eorder"></td>
</tr>
<tr>
<td class="cell_right">提示</td>
<td class="cell_left"><input class=input size=50 type="text" name="etitle"></td>
</tr>
<tr>
<td class="cell_right">样式</td>
<td class="cell_left"><input class=input size=50 type="text" name="ecss"></td>
</tr>
<tr>
<td class="cell_right">鼠标覆盖事件</td>
<td class="cell_left"><input class=input size=50 type="text" name="eonmouseover"></td>
</tr>
<tr>
<td class="cell_right">鼠标滑出事件</td>
<td class="cell_left"><input class=input size=50 type="text" name="eonmouseout"></td>
</tr>
<tr>
<td class="cell_right">是否显示图片</td>
<td class="cell_left"><input class=input size=50 type="text" name="eiconenabled"></td>
</tr>
<tr>
<td class="cell_right">连接开启方式</td>
<td class="cell_left"><input class=input size=50 type="text" name="etarget"></td>
</tr>
<tr>
<td class="cell_right">菜单ID</td>
<td class="cell_left"><input class=input size=50 type="text" name="emenuid"></td>
</tr>
</tr>
<tr>
<td class="cell_right">父菜单ID:</td>
<td class="cell_left"><input class=input size=50 type="text" name="efatherid"></td>
</tr>
<tr><td class="cell_center"><td class="cell_center"><input class="button" type="button" name="insert" value="提交" onclick="formsubmit();"></td>
<input type=hidden name="operateType" value="prapare" ><!--操作类型，insert，delete，update-->
</tr>
</table>
</form>
</td>
</tr>
</table>
<script language=javascript>
<!--
//提交时的校验函数
function selfTest(){
return true;
}
//改变操作类型的函数
function changeOperateType(opt){
document.forms[1].operateType.value=opt;
}
//新增子菜单
function insertinto(){
//先清空内容
for (i = 0; i < 14; i++) {
document.forms[1][i].value ='';
}
//获得父id
var efatherid=var0.getSelected().mid;
//节点id为""
document.forms[1].emenuid.value="";
//传递节点父节点id
document.forms[1].efatherid.value=efatherid;
//改变操作类型
changeOperateType('insert');
//----可以做一些符默认值的操作----
document.forms[1][0].value ='new';
document.forms[1][2].value ='/c?_view=';
document.forms[1][5].value ='1';
document.forms[1][10].value='1';
//结束右键的显示
hidemenuie5();
//转移焦点
document.forms[1][0].focus();
if (var0.getSelected()) {
var0.getSelected().add(new WebFXTreeItem('New'));
var0.getSelected().expand();
}
}
//删除所选项
function deletefrom(){
//获得自身id
var id=var0.getSelected().mid;
if(confirm("删除操作不可恢复请确认！！")){
//传递节点id
document.forms[1].emenuid.value=id;
//改变操作类型
changeOperateType('delete');
formsubmit();
}
}
//更改所选项
function update(){
//先清空内容
for (i = 0; i < 14; i++) {
document.forms[1][i].value ='';
}
//获得自身id
var id=var0.getSelected().mid;
//获得emenuid的参数的个数
var count=document.all(id).length;
for (i = 0; i < count; i++) {
//传值
document.forms[1][i].value = document.all(id)[i].value;
//document.all.epodform[i].value = document.all(id)[i].value;//功能同上--那个更好？
}
//改变操作类型
changeOperateType('update');
//传递节点id
document.forms[1].emenuid.value=id;
//更改时不能更改节点父节点id
document.forms[1].efatherid.value="";
//结束右键的显示
hidemenuie5();
//转移焦点
document.forms[1][0].focus();
}
function refresh(){
//改变操作类型
changeOperateType('prepare');
document.forms[1].submit();
}
function formsubmit(){
document.forms[1].action="/epod/page/system/menuconfig.jsp";
document.forms[1].submit();
}
//-->
</script>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0 onlosecapture="hidemenuie5();"><!--onlosecapture为当对象失去鼠标捕捉时触发。 -->
</OBJECT>
<RIGHTCLICK><!--[if IE]>
<span class=cMenu id=ie5menu onclick=jumptoie5() onmouseout="lowlightie5();"
onmouseover=highlightie5() style="z-index:0;">
<DIV class=menuitems url="javascript:insertinto();">新增子菜单</DIV>
<DIV class=menuitems url="javascript:deletefrom();">删除所选项</DIV>
</span>
<![endif]-->
</RIGHTCLICK>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -