TaskMenu 3.0 菜单项的动态加载

TaskMenu 3.0是一款很酷的Web菜单,如果能实现动态加载,那就完美了.

菜单的动态加载,不外两种方式:前台加载和后台加载.

本文从后台加载,生成前台所需要的脚本,再用ClientScript.RegisterStartupScript输出

 

源码文件下载: http://download.youkuaiyun.com/source/2640547

 

说明:要使用TaskMenu 3.0,首先必须将TaskMenu 3.0完整地复制到项目中.

效果图和代码见下:

 

 

TaskMenu.cs代码

 

  if (!this.IsPostBack) { StringBuilder sb = new StringBuilder(1024); StringBuilder fn = new StringBuilder(1024); sb.Append("<mce:script language =/"javascript/"><!-- /r/n"); if (this.Session["curUser"] == null) { sb.Append("var taskMenu0;/r/n"); sb.Append("var taskMenu0_subItem0;/r/n"); fn.Append("window.onload = function(){/r/n"); fn.Append(" TaskMenu.setHeadMenuSpecial(true);/r/n"); fn.Append(" taskMenu0 = new TaskMenu(/"控制面板/");/r/n"); fn.Append(" taskMenu0_subItem0 = new TaskMenuItem(/"登录系统/",/"../Images/Share/STSICON.GIF/",/"window.showModalDialog('../WebMain/WebLogin.aspx?refresh='+Math.random(),'DlgArgs','scroll:no;resizable:no;help:no;status:no;dialogWidth:646px;dialogHeight:338px');/");/r/n"); fn.Append(" taskMenu0.add(taskMenu0_subItem0);/r/n"); fn.Append(" taskMenu0.init();/r/n"); } else { int grpSeq = 0; int meuSeq = 0; string menuGroup = ""; sb.Append("var taskMenu0;/r/n"); sb.Append("var taskMenu0_subItem0;/r/n"); sb.Append("var taskMenu0_subItem1;/r/n"); sb.Append("var taskMenu0_subItem2;/r/n"); sb.Append("var taskMenu0_subItem3;/r/n"); fn.Append("window.onload = function(){/r/n"); fn.Append(" TaskMenu.setHeadMenuSpecial(true);/r/n/r/n"); fn.Append(" taskMenu0 = new TaskMenu(/"控制面板/");/r/n"); fn.Append(" taskMenu0_subItem0 = new TaskMenuItem(/"登录系统/",/"../Images/Share/STSICON.GIF/",/"window.showModalDialog('../WebMain/WebLogin.aspx?refresh='+Math.random(),'DlgArgs','scroll:no;resizable:no;help:no;status:no;dialogWidth:646px;dialogHeight:338px');/");/r/n"); fn.Append(" taskMenu0.add(taskMenu0_subItem0);/r/n"); fn.Append(" taskMenu0_subItem1 = new TaskMenuItem(/"退出系统/",/"../Images/Toolbar/Cancel_t.GIF/",/"window.open('../WebMain/WebLogoff.aspx?refresh='+Math.random(), 'WebMain');/");/r/n"); fn.Append(" taskMenu0.add(taskMenu0_subItem1);/r/n"); fn.Append(" taskMenu0_subItem2 = new TaskMenuItem(/"修改密码/",/"../Images/Toolbar/GetForm_t.GIF/",/"window.showModalDialog('../WebMain/WebPwdChange.aspx?refresh='+Math.random(),'DlgArgs','scroll:no;resizable:no;help:no;status:no;dialogWidth:318px;dialogHeight:280px');/");/r/n"); fn.Append(" taskMenu0.add(taskMenu0_subItem2);/r/n"); fn.Append(" taskMenu0_subItem3 = new TaskMenuItem(/"启用树形菜单/",/"../Images/Share/Issue.GIF/",/"window.open('../WebMain/WebMenu.aspx?refresh='+Math.random(), 'WebMenu');window.open('../ZL_Public/ZL_WarmPrompt.aspx?refresh='+Math.random(), 'WebMain');/");/r/n"); fn.Append(" taskMenu0.add(taskMenu0_subItem3);/r/n"); fn.Append(" taskMenu0_subItem4 = new TaskMenuItem(/"温馨提示/",/"../Images/Help_t.GIF/",/"window.open('../ZL_Public/ZL_WarmPrompt.aspx?refresh='+Math.random(), 'WebMain');/");/r/n"); fn.Append(" taskMenu0.add(taskMenu0_subItem4);/r/n"); //fn.Append(" taskMenu0.init();/r/n/r/n"); Users usr = new Users(this.Session["curUser"].ToString()); DataTable dt = usr.Roles.GetAppList("WebApp"); //SELECT [AppName], MenuGroup, MenuText, URL for (int i = 0; i < dt.Rows.Count; i++) { if (menuGroup != dt.Rows[i][0].ToString()) { menuGroup = dt.Rows[i][0].ToString(); fn.AppendFormat(" taskMenu{0}.init();/r/n/r/n", grpSeq); grpSeq++; meuSeq = 0; sb.AppendFormat("var taskMenu{0};/r/n",grpSeq); sb.AppendFormat("var taskMenu{0}_subItem0;/r/n", grpSeq); fn.AppendFormat(" taskMenu{0} = new TaskMenu(/"{1}/");/r/n", grpSeq, dt.Rows[i][1].ToString()); fn.AppendFormat(" taskMenu{0}_subItem{1} = new TaskMenuItem(/"{2}/",/"../Images/Tree/Leaf16.gif/",/"window.open('../{3}?refresh='+Math.random(), 'WebMain');/");/r/n", grpSeq, meuSeq, dt.Rows[i][2].ToString(), dt.Rows[i][3].ToString()); fn.AppendFormat(" taskMenu{0}.add(taskMenu{0}_subItem{1});/r/n", grpSeq, meuSeq); } else { meuSeq++; sb.AppendFormat("var taskMenu{0}_subItem{1};/r/n", grpSeq, meuSeq); fn.AppendFormat(" taskMenu{0}_subItem{1} = new TaskMenuItem(/"{2}/",/"../Images/Tree/Leaf16.gif/",/"window.open('../{3}?refresh='+Math.random(), 'WebMain');/");/r/n", grpSeq, meuSeq, dt.Rows[i][2].ToString(), dt.Rows[i][3].ToString()); fn.AppendFormat(" taskMenu{0}.add(taskMenu{0}_subItem{1});/r/n", grpSeq, meuSeq); } } fn.AppendFormat(" taskMenu{0}.init();/r/n/r/n", grpSeq); } sb.Append("TaskMenu.setStyle(/"../TaskMenu3.0/Blue/blueStyle.css/");/r/n/r/n "); fn.Append("}/r/n // --></mce:script>/r/n"); this.ClientScript.RegisterStartupScript(typeof(string), "TaskMenuScript", sb.ToString() + fn.ToString()); }

 

TaskMenu.aspx代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TaskMenu.aspx.cs" Inherits="TaskMenu" %> <%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>XP Style Menu</title> <mce:script src="../TaskMenu3.0/TaskMenu.js" mce_src="TaskMenu3.0/TaskMenu.js"></mce:script> </head> <body> <form id="form1" runat="server"> </form> </body> </html>

 

哈哈,稍作修改,即可实现Treeview菜单和TaskMenu之间的相互切换,真爽.见下图