您的位置：首页 > 编程语言 > ASP

ASP.NET + XML + DIV 构建动态导航菜单

2009-07-23 19:59 495 查看

一、首先找到三张菜单背景图片。
（分别是菜单顶边、菜单中间背景和菜单底边）


<?xml version="1.0" encoding="utf-8" ?>
<NavMenu>

<Menus Text="个人助理" ID="1">
<MenuItem Text="我的首页" ImageUrl="../../Images/Menu/MyHomePage16.gif" NavigateUrl="../../Modules/Office/MyHomePage.aspx" />
<MenuItem Text="备 忘 录" ImageUrl="../../Images/Menu/MyMemo16.gif" NavigateUrl="../../Modules/Office/MyMemoList.aspx?id=0&Day=0" />
<MenuItem Text="我的计划" ImageUrl="../../Images/Menu/MyTask16.gif" NavigateUrl="../../Modules/Office/MyToDo.aspx" />
<MenuItem Text="工作日志" ImageUrl="../../Images/Menu/MyLog16.gif" NavigateUrl="../../Modules/Office/MyBlogList.aspx" />
</Menus>

<Menus Text="业务管理" ID="2">
<MenuItem Text="案件登记" ImageUrl="../../Images/Menu/LawCaseAdd16.gif" NavigateUrl="../../Modules/CaseManagement/AddLawCase.aspx" />
<MenuItem Text="案件管理" ImageUrl="../../Images/Menu/Lawcaselist16.gif" NavigateUrl="../../Modules/CaseManagement/LawCaseList.aspx?Lawyer=No&Type=No&Phase=No" />
<MenuItem Text="案件查询" ImageUrl="../../Images/Menu/find.gif" NavigateUrl="../../Modules/CaseManagement/LawCaseQuery.aspx?Page=Lawyer" />
<MenuItem Text="案件统计" ImageUrl="../../Images/Menu/LawcaseReport16.gif" NavigateUrl="../../Modules/CaseManagement/LawCaseStat.aspx?Condition=Type" />
<MenuItem Text="冲突查询" ImageUrl="../../Images/Menu/mywatches16.gif" NavigateUrl="../../Modules/CaseManagement/ConflictQuery.aspx" />
</Menus>

<Menus Text="财务管理" ID="3">
<MenuItem Text="收支明细" ImageUrl="../../Images/Menu/details16.gif" NavigateUrl="../../Modules/Finance/IncomeList.aspx?IncomeType=All" />
<MenuItem Text="收支查询" ImageUrl="../../Images/Menu/find.gif" NavigateUrl="../../Modules/Finance/QueryIncome.aspx" />
<MenuItem Text="收支统计" ImageUrl="../../Images/Menu/LawcaseReport16.gif" NavigateUrl="../../Modules/Finance/IncomeStat.aspx?Condition=LegalFee" />
</Menus>

<Menus Text="客户管理" ID="4">
<MenuItem Text="客户登记" ImageUrl="../../Images/Menu/CustomerAdd16.gif" NavigateUrl="../../Modules/CustomerManagement/ShowCustomer.aspx?ReturnURL=List&Type=New&ID=0" />
<MenuItem Text="客户列表" ImageUrl="../../Images/Menu/CustomerList16.gif" NavigateUrl="../../Modules/CustomerManagement/CustomerList.aspx" />
<MenuItem Text="客户查询" ImageUrl="../../Images/Menu/mywatches16.gif" NavigateUrl="../../Modules/CustomerManagement/QueryCustomer.aspx" />
</Menus>

<Menus Text="法律法规" ID="5">
<MenuItem Text="法规列表" ImageUrl="../../Images/Menu/Details16.gif" NavigateUrl="../../Modules/LawDoc/LawDocList.aspx" />
<MenuItem Text="下载最新" ImageUrl="../../Images/Menu/find.gif" NavigateUrl="../../Modules/LawDoc/LawDocUpdate.aspx" />
</Menus>

<Menus Text="系统管理" ID="6">
<MenuItem Text="人员列表" ImageUrl="../../Images/Menu/UserList16.gif" NavigateUrl="../../Modules/SysManagement/LawyerList.aspx" />
<MenuItem Text="合同模板" ImageUrl="../../Images/Menu/Template16.gif" NavigateUrl="../../Modules/SysManagement/ContractTemplateList.aspx" />
<MenuItem Text="参数设置" ImageUrl="../../Images/Menu/SysConfig16.gif" NavigateUrl="../../Modules/SysManagement/SysConfig.aspx?XMLFile=CaseType" />
</Menus>

</NavMenu>
三、设计嵌套DataList. ASPX文件如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>NavMenuBar</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<Link Rel="stylesheet" href="../../css/admin_css.css">
</head>
<body MS_POSITIONING="GridLayout" topmargin="0" leftmargin="0" bgcolor="#ffffff" rightmargin="0"
scroll="no" onload="ShowFirst()">
<form id="Form1" method="post" runat="server">
<base target='main'>
<asp:datalist id="NavMenu_List" Width="100%" RepeatDirection="Vertical" DataKeyField="ID" Runat="server"
OnItemDataBound="MenuItem_ItemDataBound">
<ItemTemplate>
<img src="../../Images/menu/yellowdot.gif">  <a href='#' target="_self">
</a>
</div>
<div class='grid' id='<%# ((DataRowView)Container.DataItem)["ID"]%>' style="DISPLAY:none">
<ul>
<asp:datalist id="MenuItem_List" Runat="server" RepeatDirection="Vertical" Width="100%">
<ItemTemplate>
<div class='Item'>
<img src='<%# ((DataRowView)Container.DataItem)["ImageUrl"]%>'>   <a href='<%# ((DataRowView)Container.DataItem)["NavigateUrl"]%>'>
</a>
<br>
</div>
</ItemTemplate>
</asp:datalist>
</ul>
</div>
<div class="emptygrid"></div>
</ItemTemplate>
</asp:datalist>
</form>
</body>
</html>
四、鼠标点击要隐藏其他菜单 javascript 代码如下： <script language='javascript'>
function shift(id)
function ShowFirst()
</script> 五、后面的C#代码如下： public class NavMenuBar : System.Web.UI.Page
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航