EasyUI Tree+Asp.net实现权限树或名目树导航的简洁实例_

1、EasyUI Tree+A实现权限树或名目树导航的简洁实例_ 本篇文章主要是对EasyUI Tree+A实现权限树或名目树导航的简洁实例进行了介绍，需要的伴侣可以过来参考下，盼望对大家有所关心 代码如下: % Page Language=C# AutoEventWireup=true CodeFile=Main.aspx.cs Inherits=Manage_Main % !DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/EN html xmlns= head meta http-equiv=Content-Type content=t

2、ext/html; charset=utf-8 / title网站后台通用管理系统，%=adminname%，您好！/title link href=Css/default.css rel=stylesheet type=text/css / !-easyui- link rel=stylesheet type=text/css href=easyui/themes/default/easyui.css / link rel=stylesheet type=text/css href=easyui/themes/default/tree.css / link rel=stylesheet ty

3、pe=text/css href=easyui/themes/icon.css / script type=text/javascript src=easyui/jquery-1.8.0.min.js/script script type=text/javascript src=easyui/jquery.easyui.min.js/script script type=text/javascript src=EasyUI/JQLoader.js /script script type=text/javascript src=EasyUI/outlook.js /script script t

4、ype=text/javascript $(function () $(#lefttree).tree( animate: true, checkbox: false, url: GetTreeDataFromDB.ashx?father=0, onClick: function (node) if (node.attributes != ) addTab(node.text, node.attributes, node.id); , onLoadSuccess: function (node, data) $(#lefttree).show(); ); $(#loginOut).click(

5、function () $.messager.confirm(系统提示, 您确定要退出本次登录吗?, function (r) if (r) location.href = LoginExit.ashx; ); ) ); /script /head body class=easyui-layout style=overflow-y: hidden scroll=no form id=form1 runat=server noscript div style= position:absolute; z-index:100000; height:2046px;top:0px;left:0px; w

6、idth:100%; background:white; text-align:center; img src=images/noscript.gif alt=愧疚，请开启脚本支持！ / /div /noscript div region=north split=true border=false style=overflow: hidden; height: 60px; background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%; line-height: 20px;color: #fff; fon

7、t-family: Verdana, 微软雅黑,黑体 div style=float:right;padding-top:5px;padding-right:20px;text-align:right; span class=head /span div style= margin-top:6px; class=head span class=icon icon-quit /spana href=# id=loginOut平安退出/a /div /div span style=padding-left:10px; font-size: 16px; img src=images/blocks.g

8、if width=20 height=20 align=absmiddle /网站后台通用管理系统 V1.0/span /div div region=south split=true style=height: 30px; background: #D2E0F2; div class=footer 网站后台通用管理系统 %=adminname%，您好！ 版权全部2021/div /div div region=west hide=true split=true title=导航菜单 style=width:180px; id=west div id=nav class=easyui-acco

9、rdion fit=true border=false !- 导航内容 - div id=lefttree style=margin:5px;/div /div /div div id=mainPanle region=center style=background: #eee; overflow-y:hidden div id=tabs class=easyui-tabs fit=true border=false div title=欢迎用法 style=padding:20px;overflow:hidden; span style=font-size:18px;欢迎进入系统/span

10、/div /div /div div id=mm class=easyui-menu style=width:150px; div id=mm-tabupdate刷新/div div class=menu-sep/div div id=mm-tabclose关闭/div div id=mm-tabcloseall全部关闭/div div id=mm-tabcloseother除此之外全部关闭/div div class=menu-sep/div div id=mm-tabcloseright当前页右侧全部关闭/div div id=mm-tabcloseleft当前页左侧全部关闭/div di

11、v class=menu-sep/div div id=mm-exit退出/div /div /form /body /html 复制代码 代码如下: % WebHandler Language=C# Class=GetTreeDataFromDB % using System; using System.Web; using System.Configuration; using System.Data; using System.Text; using System.Collections.Generic; /add using System.Web.Script.Serializatio

12、n; public class GetTreeDataFromDB : IHttpHandler public void ProcessRequest(HttpContext context) context.Response.ContentType = text/plain; /猎取数据库中的分类数据 string fatherid = context.Request.QueryStringfather; DataTable dt = createDT(); string json = GetTreeJsonByTable(dt, module_id, module_name,module_

13、url, module_fatherid, 0); context.Response.Write(json); context.Response.End(); #region 依据DataTable生成EasyUI Tree Json树结构 StringBuilder result = new StringBuilder(); StringBuilder sb = new StringBuilder(); / summary / 依据DataTable生成EasyUI Tree Json树结构 / /summary / param name=tabel数据源/param / param nam

14、e=idColID列/param / param name=txtColText列/param / param name=url节点Url/param / param name=rela关系字段/param / param name=pId父ID/param private string GetTreeJsonByTable(DataTable tabel, string idCol, string txtCol, string url, string rela, object pId) result.Append(sb.ToString(); sb.Clear(); if (tabel.Ro

15、ws.Count 0) sb.Append(); string filer = string.Format(0=1, rela, pId); DataRow rows = tabel.Select(filer); if (rows.Length 0) foreach (DataRow row in rows) sb.Append(id: + rowidCol + ,text: + rowtxtCol + ,attributes: + rowurl + ,state:open); if (tabel.Select(string.Format(0=1, rela, rowidCol).Length

16、 0) sb.Append(,children:); GetTreeJsonByTable(tabel, idCol, txtCol,url, rela, rowidCol); result.Append(sb.ToString(); sb.Clear(); result.Append(sb.ToString(); sb.Clear(); sb.Append(,); sb = sb.Remove(sb.Length - 1, 1); sb.Append(); result.Append(sb.ToString(); sb.Clear(); return result.ToString(); #

17、endregion #region 创建数据 protected static DataTable createDT() DataTable dt = new DataTable(); dt.Columns.Add(module_id); dt.Columns.Add(module_name); dt.Columns.Add(module_fatherid); dt.Columns.Add(module_url); dt.Columns.Add(module_order); dt.Rows.Add(C1, 全国, 0, 1.aspx, 1); dt.Rows.Add(M01, 广东, C1,

18、2.aspx, 1); dt.Rows.Add(M0101, 深圳, M01, 3.aspx, 100); dt.Rows.Add(M010101, 南山区, M0101, 4.aspx, 1000); dt.Rows.Add(M010102, 罗湖区, M0101, , 1001); dt.Rows.Add(M010103, 福田区, M0101, , 1002); dt.Rows.Add(M010104, 宝安区, M0101, , 1003); dt.Rows.Add(M010105, 龙岗区, M0101, , 1004); dt.Rows.Add(M01010301, 上梅林, M0

19、10103, , 1002021); dt.Rows.Add(M01010302, 下梅林, M010103, , 1002021); dt.Rows.Add(M01010303, 车公庙, M010103, , 1002021); dt.Rows.Add(M01010304, 竹子林, M010103, , 1002021); dt.Rows.Add(M01010305, 八卦岭, M010103, , 1002021); dt.Rows.Add(M01010306, 华强北, M010103, , 1002021); dt.Rows.Add(M0102, 广州, M01, , 101);

20、dt.Rows.Add(M010201, 越秀区, M0102, , 1105); dt.Rows.Add(M010202, 海珠区, M0102, , 1106); dt.Rows.Add(M010203, 天河区, M0102, , 1107); dt.Rows.Add(M010204, 白云区, M0102, , 1108); dt.Rows.Add(M010205, 黄埔区, M0102, , 1109); dt.Rows.Add(M010206, 荔湾区, M0102, , 1110); dt.Rows.Add(M010207, 罗岗区, M0102, , 1111); dt.Row

21、s.Add(M010208, 南沙区, M0102, , 1112); return dt; #endregion public bool IsReusable get return false; 代码如下: #region 依据DataTable生成EasyUI Tree Json树结构 StringBuilder result = new StringBuilder(); StringBuilder sb = new StringBuilder(); / summary / 依据DataTable生成EasyUI Tree Json树结构 / /summary / param name=tabel数据源/param / param name=idColID列/param / param name=txtColText列/param / param name=url节点Url/param / param name=rela关系字段/param / param name=pId父ID/param private string GetTreeJsonByTable(DataTable tabel, string idCol, string txtCol