Asp.Net生成无限级菜单

首先创建SQL脚本

if exists (select * from sysobjects where id = OBJECT_ID('[Menu]') and OBJECTPROPERTY(id, 'IsUserTable') = 1)

DROP TABLE [Menu]

CREATE TABLE [Menu] (

[ID] [bigint]  IDENTITY (1, 1)  NOT NULL,

[MenuName] [nvarchar]  (200) NULL,

[Menu_ICON] [bigint]  NOT NULL DEFAULT (0),

[Menu_URL] [varchar]  (500) NULL,

[ParentID] [bigint]  NOT NULL DEFAULT (0),

[AddTime] [datetime]  NOT NULL,

[ICON_URL] [varchar]  (500) NULL)

ALTER TABLE [Menu] WITH NOCHECK ADD  CONSTRAINT [PK_sys_menu] PRIMARY KEY  NONCLUSTERED ( [ID] )

SET IDENTITY_INSERT [Menu] ON

页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="common_menu.aspx.cs" Inherits="AccordMenu.common_menu" %>

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <style type="text/css">

        body

        {

            margin: 0;

            padding: 30px;

            background: #FFF;

            color: #666;

        }

        h1

        {

            font: bold 16px Arial, Helvetica, sans-serif;

        }

        p

        {

            font: 11px Arial, Helvetica, sans-serif;

        }

        a

        {

            color: #900;

            text-decoration: none;

        }

        a:hover

        {

            background: #900;

            color: #FFF;

        }

        /*CSS Code for Menu Begin:*/

        /* Root = Vertical, Secondary = Vertical */

        ul#navmenu, ul#navmenu li, ul#navmenu ul

        {

            margin: 0;

            border: 0 none;

            padding: 0;

            width: 160px; /*For KHTML*/

            list-style: none;

        }

        ul#navmenu li

        {

            display: block !important; /*For GOOD browsers*/

            display: inline; /*For IE*/

            position: relative;

        }

        /* Root Menu */

        ul#navmenu a

        {

            border: 1px solid #FFF;

            border-right-color: #CCC;

            border-bottom-color: #CCC;

            padding: 0 6px;

            display: block;

            background: #EEE;

            color: #666;

            font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

            text-decoration: none;

            height: auto !important;

            height: 1%; /*For IE*/

        }

        /* Root Menu Hover Persistence */

        ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a

        {

            background: #CCC;

            color: #FFF;

        }

        /* 2nd Menu */

        ul#navmenu li:hover li a, ul#navmenu li.iehover li a

        {

            background: #EEE;

            color: #666;

        }

        /* 2nd Menu Hover Persistence */

        ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a

        {

            background: #CCC;

            color: #FFF;

        }

        /* 3rd Menu */

        ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a

        {

            background: #EEE;

            color: #666;

        }

        /* 3rd Menu Hover Persistence */

        ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a

        {

            background: #CCC;

            color: #FFF;

        }

        /* 4th Menu */

        ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a

        {

            background: #EEE;

            color: #666;

        }

        /* 4th Menu Hover */

        ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover

        {

            background: #CCC;

            color: #FFF;

        }

        ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul

        {

            display: none;

            position: absolute;

            top: 0;

            left: 160px;

        }

        /* Do Not Move - Must Come Before display:block for Gecko */

        ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul

        {

            display: none;

        }

        ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul

        {

            display: block;

        }

    </style>

    <script type="text/javascript">

        <!--

        navHover = function () {

            var lis = document.getElementById("navmenu").getElementsByTagName("LI");

            for (var i = 0; i < lis.length; i++) {

                lis[i].onmouseover = function () {

                    this.className += " iehover";

                }

                lis[i].onmouseout = function () {

                    this.className = this.className.replace(new RegExp(" iehover\\b"), "");

                }

            }

        }

        if (window.attachEvent) window.attachEvent("onload", navHover);

        function gotoURL(szURL) {

            if (szURL == "") return;

            window.open(szURL, 'Main', '');

        }

        function SelectMenu(object, szURL) {

            for (var i = 0; i < document.all.length; i++) {

                if (document.all(i).className == "SelectedMenuLevel2")

                    document.all(i).className = "MenuLevel2"

                else if (document.all(i).className == "SelectedMenuLevel1")

                    document.all(i).className = "MenuLevel1"

            }

            if (object.className == "MenuLevel2")

                object.className = "SelectedMenuLevel2";

            else if (object.className == "MenuLevel1")

                object.className = "SelectedMenuLevel1";

            gotoURL(szURL);

        }

        function resizeMenu() {

            if (Menu.style.display == '') {

                Menu.style.display = 'none';

                resizeIcon_Show.style.display = 'none';

                resizeIcon_Hidden.style.display = '';

                top.Bottom.cols = '7,*';

            }

            else {

                Menu.style.display = '';

                resizeIcon_Show.style.display = '';

                resizeIcon_Hidden.style.display = 'none';

                top.Bottom.cols = '180,*';

            }

        }

        -->

    </script>

</head>

<body>

    <table height="100%" cellspacing="0" cellpadding="0" border="0">

        <tr valign="top">

            <td id="Menu" style="width: 180">

                <!--**-->

                <table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0">

                    <tr valign="top">

                        <td valign="middle" align="center" background="../images/Desk/ResizeBg.gif" style="width: 7px">

                            &nbsp;

                        </td>

                        <td>

                            <ul id="navmenu">

                                <%= _menu %>

                            </ul>

                        </td>

                    </tr>

                </table>

            </td>

            <td valign="middle" align="center" background="../images/Desk/ResizeBg.gif" style="width: 7px">

                <span id="resizeIcon_Show" style="cursor: hand" onclick="javascript:resizeMenu()"

                    title="隐藏菜单">

                    <img src="../images/Desk/Resize_Hidden.gif" width="7" height="48"></span> <span id="resizeIcon_Hidden"

                        style="display: none; cursor: hand" onclick="javascript:resizeMenu()" title="显示菜单">

                        <img src="../images/Desk/Resize_Show.gif" width="7" height="48"></span>

            </td>

        </tr>

    </table>

    <script language="javascript" event="oncontextmenu" for="document">

              if (!event.ctrlKey) return false;

    </script>

</body>

</html>

后台代码

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data.SqlClient;

using System.Data;

using System.Text;

namespace AccordMenu

{

    public partial class common_menu : System.Web.UI.Page

    {

        protected void Page_Load(object sender, System.EventArgs e)

        {

            //try

            //{

            //    string CheckSessionStr = Session["id"].ToString();

            //}

            //catch

            //{

            //    Response.Write("<script language=javascript>alert('请登录');top.location='../index.aspx'</script>");

            //}

            if (!IsPostBack)

            {

                ListMenu();

            }

        }

        protected string _menu = string.Empty;

        public void ListMenu()

        {

            StringBuilder sb = new StringBuilder();

            DataTable _list = new DataTable();

            string ConctionStr = "Data Source=127.0.0.1;Initial Catalog=AccordMenu;Integrated Security=False;User ID=sa;Password=sa";

            using (SqlConnection conec = new SqlConnection(ConctionStr))

            {

                conec.Open();

                string SqlText = "SELECT * FROM sys_menu";

                SqlCommand Comand = new SqlCommand(SqlText, conec);

                SqlDataAdapter Adaper = new SqlDataAdapter(Comand);

                Adaper.Fill(_list);

                Adaper.Dispose();

                Comand.Dispose();

                conec.Close();

            }

            DataRow[] rows = _list.Select("ParentID=0");

            foreach (DataRow dr in rows)

            {

                string id = dr["ID"].ToString();

                string name = dr["MenuName"].ToString();

                sb.AppendFormat("<li ID=\"{2}\"><a href=\"javascript:;\" onclick=\"gotoURL('{0}');\">{1}</a>\r\n", dr["Menu_URL"].ToString(), name, id);//href可以写需要的链接地址

                sb.Append(GetSubMenu(id, _list));

                sb.Append("</li>\r\n");

            }

            _menu = sb.ToString();

        }

        /// <summary>

        /// 递归调用生成无限级别

        /// </summary>

        /// <param name="pid"></param>

        /// <param name="dt"></param>

        /// <returns></returns>

        private string GetSubMenu(string pid, DataTable dt)

        {

            StringBuilder sb = new StringBuilder();

            DataRow[] rows = dt.Select("ParentID=" + pid);

            sb.Append("<ul>\r\n");

            foreach (DataRow dr in rows)

            {

                string id = dr["ID"].ToString();

                string name = dr["MenuName"].ToString();

                sb.AppendFormat("<li ID=\"{2}\"><a href=\"javascript:;\" onclick=\"gotoURL('{0}');\">{1}</a>\r\n", dr["Menu_URL"].ToString(), name, id);//href可以写需要的链接地址

                sb.Append(GetSubMenu(id, dt));  //递归

                sb.Append("</li>\r\n");

            }

            sb.Append("</ul>\r\n");

            return sb.ToString();

        }

    }

}

Asp.Net生成无限级菜单的更多相关文章

jQuery仿京东无限级菜单HoverTree
官方网址:http://keleyi.com/jq/hovertree/ 效果图: 看了上面效果图,你或许已经明白为什么是仿京东菜单.如果还不明白,请访问http://list.jd.com/list ...
Go语言实现excel导入无限级菜单结构
目录需求实现测试简单例子复杂例子需求最近有一个需求,要实现一个无限级结构的树型菜单,差不多长下面这个样子我们知道无限级实现思路都是用一个parent_id将各种层级串联起来,顶级的pa ...
用C#从数据库动态生成AdminLTE菜单的一种方法
当前的应用设计风格趋于Flat扁平化,很多基于BootStrap实现了很多UI非常漂亮的管理界面(Bootstrap admin template). 此核心文件开源在Github:https://g ...
ASP.NET生成WORD文档，服务器部署注意事项
网上转的,留查备用,我服务器装的office2007所以修改的是Microsoft Office word97 - 2003 文档这一个. ASP.NET生成WORD文档服务器部署注意事项 1.Asp ...
MVC5+EF6 入门完整教程13 -- 动态生成多级菜单
稍微有一定复杂性的系统,多级菜单都是一个必备组件. 本篇专题讲述如何生成动态多级菜单的通用做法. 我们不用任何第三方的组件,完全自己构建灵活通用的多级菜单. 需要达成的效果:容易复用,可以根据mode ...
asp.net生成PDF文件 (1)
asp.net生成PDF文件 (1) 这个是例子是网上淘来的,哈哈,很有用的! 首先要到网上下载itextsharp.dll,然后添加引用,主程序如下: 1 2 3 4 5 6 7 8 9 10 11 ...
asp.net生成二维码的方法
asp.net生成二维码的方法 [复制链接] 这个要利用一个Dll文件. 如下 Gma.QrCodeNet.Encoding.dll (105.5 KB, 下载次数: 27) 当然大家也可以直 ...
asp.net生成RSS
经常看到博客.还有很多网站中有RSS订阅,今天就来玩玩asp.net生成RSS,在网上查找了相关资料发现just soso,如下: aspx <?xml version="1.0&q ...
asp.net 生成、解析条形码和二维码
原文 asp.net 生成.解析条形码和二维码一.条形码一维码,俗称条形码,广泛的用于电子工业等行业.比如我们常见的书籍背面就会有条形码,通过扫描枪等设备扫描就可以获得书籍的ISBN(Intern ...

随机推荐

【ASP.NET MVC】提高页面加载速度：脚本优化
在这里我们说一下脚本优化的三个方法: 一.在我们做Web开发的时候,当我们引用Js文件的时候,我们一般会将js文件放在文档的head标签中,这时当页面加载的时候,浏览器会按着由上到下的顺序,当浏览器遇 ...
转：攻击JavaWeb应用[8]-后门篇
转:http://static.hx99.net/static/drops/tips-662.html 攻击JavaWeb应用[8]-后门篇园长 · 2013/10/11 19:19 0x00 背景 ...
Centos的 mysql for python的下载与安装
mysql-python的安装包下载地址:http://sourceforge.net/projects/mysql-python/files/latest/download linux环境是 Cen ...
MFC获取句柄
CWnd *pWnd = GetDlgItem(ID_***); // 取得控件的指针 HWND hwnd = pWnd->GetSafeHwnd(); // 取得控件的句柄
初见Python<5>:条件、循环和其他语句
1.使用逗号输出使用逗号隔开,可以打印多个表达式.打印后,各项之间自动以一个空格隔开. 也可以同时输出文本和变量值. 可以和字符串连接符“+”一起使用. 2.从模块中导入函数从模块导入函数的方 ...
[CF600E]Dsu on tree
题意:树上每个点都有颜色,称一个颜色占领一棵子树,当且仅当没有别的颜色在这棵子树内的数量比它多.求所有子树的占领颜色之和.题解:最显然的是DFS序+主席树或莫队,这里使用Dsu on tree. 每次 ...
Codeforces 449D Jzzhu and Numbers（高维前缀和）
[题目链接] http://codeforces.com/problemset/problem/449/D [题目大意] 给出一些数字,问其选出一些数字作or为0的方案数有多少 [题解] 题目等价于给 ...
POJ 3378 Crazy Thairs（树状数组+DP）
[题目链接] http://poj.org/problem?id=3378 [题目大意] 给出一个序列,求序列中长度等于5的LIS数量. [题解] 我们发现对于每个数长度为k的LIS有dp[k][i] ...
邮件发送javamail
写在前面: 最近要将dms系统原始发邮件的功能(调用的webservice)改变成使用smtp服务来发送邮件(使用javamail来发送),这里简单记录下,方便日后有用到,直接拿来用即可. 首先导入需 ...
[转]Android的ADT与SDK的区别
adt只是一个eclipse的插件,里面可以设置sdk路径 SDK(Software Development Kit): 一般是一些被软件工程师用于为特定的软件包.软件框架.硬件平台.操作 ...

Asp.Net生成无限级菜单

Asp.Net生成无限级菜单的更多相关文章

随机推荐

热门专题