实例：Menu控件实现菜单

最新推荐文章于 2024-04-22 19:55:50 发布

madachi

最新推荐文章于 2024-04-22 19:55:50 发布

阅读量1.8k

点赞数

分类专栏： ASP.NET 文章标签： menu iframe express string table border

本文链接：https://blog.csdn.net/madachi/article/details/3936999

版权

ASP.NET 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、如果Menu控件是放在一个frame中的话，那么Menu的下拉菜单将会被frame挡住。解决此方法的做法是在一个单独的aspx页面中放一个Menu 和一个iframe，代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmMain.aspx.cs" Inherits="Frmain" %> <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %> <%@ Register TagPrefix="uc1" TagName="FunctionMenu2" Src="Modules/FunctionMenu2.ascx" %> <!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"> <head runat="server"> <title>企业物流管理系统</title> <script type="text/javascript" language="javascript"> function GetiFrameHeight() { if(window.screen.height==768) { return "600"; } if(window.screen.height>=768) { //alert(window.screen.height); return window.screen.height; } else { return "400"; } } </script> </head> <body scroll="no"> <form id="form1" runat="server"> <div> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" background="PDMSJPG/a2_02.gif"> <tr> <td> <img src="PDMSJPG/a2_01.gif" width="274" height="53" alt="" /></td> </tr> </table> </td> </tr> <tr> <td height="29"> <table width="100%" height="29" border="0" cellpadding="0" cellspacing="0" bgcolor="#E8E8E8"> <tr> <td valign="middle"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <uc1:functionmenu2 id="FunctionMenu2" runat="server"></uc1:functionmenu2> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <iframe id="FrmBody" name="iFrameBody" scrolling="auto" frameborder="0" width="100%" οnlοad="this.height=GetiFrameHeight()" src="MainAlert.aspx"></iframe> </div> </form> </body> </html>

这里还将菜单放在一个UserControl中，直接放在table中是一样的。

注意上面的代码，其中的：

name="iFrameBody"，这个name的值是Menu菜单中Target的值，表示菜单的关联网页将在name为iFrameBody的iframe中显示。

οnlοad="this.height=FrmBody.document.body.scrollHeight-10"是解决iframe自适应高度的问题。

GetiFrameHeight()方法判断在不同的分辨率下设置iframe的高度。

2、将sql表中的菜单数据绑定到Menu控件，代码如下：

/// <summary> /// 获取根节点 /// </summary> private void GetRootItem() { string express = "parentid=" + "'0'"; string sort = "sort asc"; MenuItem item; CtlBaner ban = new CtlBaner(); DataTable dt = ban.GetMenuTable(CacheUser);//获取菜单表 DataRow[] drs = dt.Select(express, sort);//获取当前菜单的所有子菜单 foreach (DataRow row in drs) { item = new MenuItem(); item.Text = row["MENUNAME"].ToString(); item.Selectable = false;//根节点菜单不可以单击 Menu1.Items.Add(item);//添加根节点菜单 GetChildItem(dt, item, row["MENUID"].ToString()); } } /// <summary> /// 获取子节点 /// </summary> /// <param name="dt"></param> /// <param name="tnc"></param> /// <param name="id"></param> public static void GetChildItem(DataTable dt, MenuItem tnc, string id) { string express = "parentid=" + id; string sort = "sort asc"; DataRow[] drs = dt.Select(express, sort); string mid; MenuItem tn; foreach (DataRow dr in drs) { tn = new MenuItem(); mid = dr["MENUID"].ToString(); tn.Text = dr["MENUNAME"].ToString(); tn.NavigateUrl = "../"+dr["MENUURL"].ToString(); tnc.ChildItems.Add(tn); GetChildItem(dt, tn, mid);//递归计算子菜单 } }

3、设置Menu属性，可在后台撰写代码，也在在Menu控件的属性里设置，主要设置属性如下：

Menu1.Orientation = Orientation.Horizontal;//菜单横向显示 Menu1.StaticEnableDefaultPopOutImage = false;//隐藏静态菜单中的箭头 Menu1.MaximumDynamicDisplayLevels = 10;//设置动态弹出菜单的级别数 Menu1.StaticDisplayLevels = 1;//设置显示静态菜单的级别 Menu1.Target = "iFrameBody"; //设置菜单操作的目标框架，这里的iFrameBody 指的是iframe的name，而不是iframe的id。

4、此时便可实现Menu菜单了。