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 ...

随机推荐

简单邮件传输协议SMTP
1.SMTP是由源地址到目的地址传送邮件的一组规则,用来控制信件的中转方式. 2.SMTP服务器是遵循SMTP协议的发送邮件服务器,用来发送或者中转发出的邮件,客户端通过SMTP命令与SMTP服务器进 ...
【C++】基础及引用
输出 #include "iostream" //包含c++的头文件 //iostream.h using namespace std; //使用命名空间 std 标准的命名空间 ...
CodeForces 734F Anton and School
位运算. 两个数的和:$A+B=(AandB)+(AorB)$,那么$b[i]+c[i]=n*a[i]+suma$.可以解出一组解,然后再按位统计贡献验证一下. #pragma comment(lin ...
洛谷P1908 逆序对 [权值线段树]
题目传送门逆序对题目描述猫猫TOM和小老鼠JERRY最近又较量上了,但是毕竟都是成年人,他们已经不喜欢再玩那种你追我赶的游戏,现在他们喜欢玩统计.最近,TOM老猫查阅到一个人类称之为“逆序对”的 ...
读书笔记（javascript 高级程序设计）
一. 数据类型: 1. undefined: 未声明和未初始化的变量,typeof 操作符返回的结果都是 undefined:(建议未初始化的变量进行显式赋值,这样当 typeof 返回 undefi ...
linux shell date 用当天时间做备份文件名
#!/bin/bash #date 显示时间,我们可以用时间的不同做为备份文件的名字,这样以前的备份就不会被覆盖 datename=$(date +%Y%m%d-%H%M%S) ...
关于lower_bound的优先级重载
今天才知道$lower\_bound$最后有一个优先级参数…… 首先$lower\_bound$中的优先级和序列优先级必须相同才有效 $lower\_bound$中优先级默认的是小于号,也就是说仅当序 ...
BZOJ 1042：[HAOI2008]硬币购物（容斥原理+DP）
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=1042 [题目大意] 硬币购物一共有4种硬币.面值分别为c1,c2,c3,c4. 某人去 ...
BZOJ 1588 [HNOI2002]营业额统计（双向链表）
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=1588 [题目大意] 给出一个数列,对于每个数,选择其前面的某个数作差取绝对值, 使得所 ...
【高斯消元解xor方程组】BZOJ2466-[中山市选2009]树
[题目大意] 给出一棵树,初始状态均为0,每反转一个节点的状态,相邻的节点(父亲或儿子)也会反转,问要使状态均为1,至少操作几次? [思路] 一场大暴雨即将来临,白昼恍如黑夜!happy! 和POJ1 ...

Asp.Net生成无限级菜单

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

随机推荐

热门专题