C#无限分级实现，前端WEB页面接收，后台提供层级Json数据

最新推荐文章于 2024-05-23 18:15:36 发布
最新推荐文章于 2024-05-23 18:15:36 发布
阅读量736 收藏 1
点赞数
分类专栏： .net
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Text;  
  6. using System.Data;  
  7. using System.Collections;  
  8. using System.Web.UI;  
  9. using System.Web.UI.WebControls;  
  10. using RBAC;  
  11. using Newtonsoft.Json;  
  12.   
  13. public partial class DepartmentConfig : BaseRolePage  
  14. {  
  15.     protected DataTable dtTree = new DataTable();  
  16.     protected void Page_Load(object sender, EventArgs e)  
  17.     {  
  18.         if (!IsPostBack)  
  19.         {  
  20.             dtTree = Maticsoft.DBUtility.DbHelperSQL.Query("select * from SY_DEPARTMENT").Tables[0];  
  21.         }  
  22.     }  
  23.  
  24.     #region 获取无限分级数据  
  25.     /// <summary>  
  26.     /// 获取无限分级数据  
  27.     /// </summary>  
  28.     /// <returns></returns>  
  29.     protected string GetLevelJson()  
  30.     {  
  31.         //获取全部集合  
  32.         List<DepartModel> allModel = new List<DepartModel>();  
  33.         DataTable dt = dtTree.Copy();  
  34.         for (int i = 0; i < dt.Rows.Count; i++)  
  35.         {  
  36.             DataRow dr = dt.Rows[i];  
  37.             DepartModel model = new DepartModel();  
  38.             model.id = (int)dr["departID"];  
  39.             model.dname = dr["departName"].ToString();  
  40.             model.fid = (int)dr["fatherDepartID"];  
  41.             allModel.Add(model);  
  42.         }  
  43.         //筛选顶级分类  
  44.         var topItems = allModel.Where(e => e.fid == 0).ToList(); //顶级分类  
  45.         List<DepartModel> topModels = new List<DepartModel>();  
  46.         foreach (var item in topItems)  
  47.         {  
  48.             DepartModel topModel = new DepartModel();  
  49.             topModel.id = item.id;  
  50.             topModel.dname = item.dname;  
  51.             topModel.fid = item.fid;  
  52.             LoopToAppendChildren(allModel, topModel);  
  53.             topModels.Add(topModel);  
  54.         }  
  55.   
  56.         string json = JsonConvert.SerializeObject(topModels);  
  57.         return json;  
  58.     }  
  59.   
  60.     /// <summary>  
  61.     /// 继续追溯子类  
  62.     /// </summary>  
  63.     /// <param name="allList">全部数据</param>  
  64.     /// <param name="curItem">当前节点</param>  
  65.     protected void LoopToAppendChildren(List<DepartModel> allList, DepartModel curItem)  
  66.     {  
  67.         var subItems = allList.Where(ee => ee.fid == curItem.id).ToList();  
  68.         curItem.childs = new List<DepartModel>();  
  69.         curItem.childs.AddRange(subItems);  
  70.         foreach (var subItem in subItems)  
  71.         {  
  72.             LoopToAppendChildren(allList, subItem);  
  73.         }  
  74.     }  
  75.     #endregion  
  76.  
  77.     #region 数据实体类  
  78.     public class DepartModel  
  79.     {  
  80.         public int id;  
  81.         public string dname;  
  82.         public int fid;  
  83.         public List<DepartModel> childs;  
  84.     }  
  85.     #endregion  
  86. }  

[html]  view plain  copy
 print ?
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DepartmentConfig.aspx.cs" Inherits="DepartmentConfig" %>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head runat="server">  
  6.     <title>组织架构</title>  
  7.     <link type="text/css" rel="stylesheet" href="../css/default.css" />  
  8.     <link type="text/css" rel="stylesheet" href="../css/jquery_dialog.css" />  
  9.     <link rel="stylesheet" type="text/css" href="../JS/jquery-easyui-1.5/themes/default/easyui.css" />  
  10.     <script type="text/javascript" src="../JS/jquery-easyui-1.5/jquery.min.js"></script>  
  11.     <script type="text/javascript" src="../JS/jquery_dialog.js"></script>  
  12.     <script type="text/javascript" src="../js/common.js"></script>  
  13.     <script type="text/javascript">  
  14.         $(function(){  
  15.             var json=<%=GetLevelJson()%>;  
  16.             var tableHtml= "<table id='tableAction' class='tableCss'>";  
  17.             tableHtml += "<th>部门ID</th><th>部门名称</th><th></th>";  
  18.             tableHtml +="</table>";  
  19.             $(".LoopSpan").empty().append(tableHtml);   
  20.             $.each(json, function (index) {    
  21.                 //循环获取数据 顶级     
  22.                 var id = json[index].id;    
  23.                 var name = json[index].dname;    
  24.                 var fatherid = json[index].fid;   
  25.                 var childs = json[index].childs;   
  26.                 //组装  
  27.                 DoLoop("",childs,name,id,fatherid,0);  
  28.             });  
  29.             //注册删除事件  
  30.             $(".alink_del").click(function(){  
  31.                 if (confirm("确定删除？")) {  
  32.                     var id = $(this).attr("data-id");  
  33.                     $.ajax({  
  34.                         url: 'RoleHandler.ashx',  
  35.                         data: { "method": "delete_depart", "id": id },  
  36.                         type: 'GET',  
  37.                         timeout: 1000,  
  38.                         cache: false,  
  39.                         error: erryFunction,     
  40.                         success: succFunction    
  41.                     })  
  42.                     function erryFunction() {  
  43.                         alert("error");  
  44.                     }  
  45.                     function succFunction(data) {  
  46.                         //0无参数 1有下级 2删除成功 3删除失败  
  47.                         switch (data) {  
  48.                             case "0":  
  49.                                 alert("参数错误");  
  50.                                 break;  
  51.                             case "1":  
  52.                                 alert("此数据存在下级，为防止误操作\n确保数据安全，请从末级往上逐级删除。");  
  53.                                 break;  
  54.                             case "2":  
  55.                                 alert("删除成功！");  
  56.                                 window.location.href = window.location.href;  
  57.                                 break;  
  58.                             case "3":  
  59.                                 alert("删除失败，请稍后再试！");  
  60.                                 break;  
  61.                             default:  
  62.                                 break;  
  63.                         }  
  64.                     }  
  65.                 }  
  66.             });  
  67.   
  68.             //折叠展开  
  69.             $(".tree-hit").click(function(){  
  70.                 var data=[];  
  71.                 var children = [];  
  72.                 $("#tableAction").find("tr").each(function(i){  
  73.                     var id=$(this).attr("data-id");  
  74.                     var fid=$(this).attr("data-fid");  
  75.                     if (typeof(id)!="undefined") {  
  76.                         data.push({"id":id, "fid":fid});  
  77.                     }                      
  78.                 });                 
  79.                 var id=$(this).parent().parent().attr("data-id");  
  80.                 if (typeof(id)!="undefined") {  
  81.                     //是否折叠  
  82.                     var closeFlag= $(this).hasClass("tree-expanded") ? true:false;   
  83.                     var arr=getChildren(data,children,id);  
  84.                     if (closeFlag) { //折叠  
  85.                         $(this).removeClass("tree-expanded").addClass("tree-collapsed");  
  86.                         //tree-folder tree-folder-open           //tree-folder   
  87.                         $(this).next("span").removeClass("tree-folder-open")  
  88.                     }  
  89.                     else{ //展开  
  90.                         $(this).removeClass("tree-collapsed").addClass("tree-expanded");  
  91.                         $(this).next("span").addClass("tree-folder-open")                    
  92.                     }  
  93.                     openClose(arr,closeFlag);  
  94.   
  95.                 };  
  96.             });  
  97.         });  
  98.   
  99.         //递归获取子类及下属类 无限下级  
  100.         function getChildren(data,children,id)  
  101.         {  
  102.             for(var i=0;i<data.length;i++){  
  103.                 var iid=data[i]["id"];  
  104.                 var fid=data[i]["fid"];  
  105.                 if(id == fid){  
  106.                     children.push(iid);  
  107.                     getChildren(data,children,iid);        
  108.                 }  
  109.             }  
  110.             return children;  
  111.         }  
  112.   
  113.         //折叠展开  
  114.         function openClose(arr,closeFlag)  
  115.         {  
  116.             $("#tableAction").find("tr").each(function(i){  
  117.                 var id=$(this).attr("data-id");     
  118.                 if($.inArray(id,arr)>-1){  
  119.                     if (closeFlag) { //折叠  
  120.                         $(this).find("span").eq(0).removeClass("tree-collapsed").addClass("tree-expanded");  
  121.                         $(this).find("span").eq(1).addClass("tree-folder-open")    
  122.                         $(this).hide();  
  123.                     }  
  124.                     else{ //展开  
  125.                         $(this).find("span").eq(0).removeClass("tree-collapsed").addClass("tree-expanded");  
  126.                         $(this).find("span").eq(1).next("span").addClass("tree-folder-open")       
  127.                         $(this).show();  
  128.                     }                      
  129.                 }                  
  130.             });  
  131.         }  
  132.           
  133.         //递归              
  134.         function DoLoop(loopHtml,child_models,dname,id,fatherid,level)  
  135.         {  
  136.             var loopHtml = "";  
  137.             loopHtml += "<tr data-id='" + id + "' data-fid='" + fatherid + "'>";  
  138.             loopHtml += "<td width='10%' style='text-align:center'>";  
  139.             loopHtml += id;  
  140.             loopHtml += "</td>";  
  141.             loopHtml += "<td valign='bottom' width='40%' style='text-align:left'>"  
  142.             loopHtml += PreText(level) ;  
  143.             //<span class="tree-hit tree-collapsed"></span>  
  144.             loopHtml += (child_models.length > 0) ? "<span id='" + id + "' class=\"tree-hit tree-expanded\"></span><span class=\"tree-icon tree-folder tree-folder-open\"></span>":"<span class=\"tree-icon tree-file\"></span>"; //tree-open  
  145.             loopHtml += dname;  
  146.             loopHtml += "</td>";  
  147.             loopHtml +="<td width='50%'>";        
  148.             loopHtml +="<a href='javascript:showMyModalDialog(\"DepartmentAdd.aspx?fid=" + id + "\",\"600\",\"300\");'>新增下级</a>    ";  
  149.             loopHtml +="<a href='javascript:showMyModalDialog(\"DepartmentEdit.aspx?id=" + id + "\",\"600\",\"300\");'>编辑</a>    ";  
  150.             loopHtml +="<a href='javascript:void(0);' data-id='" + id + "' class='alink_del'>删除</a>";  
  151.             loopHtml +="</td>";   
  152.             loopHtml +="</tr>";  
  153.             $("#tableAction").append(loopHtml);  
  154.               
  155.             if (child_models.length > 0) { //有子类  
  156.                 level++;  
  157.                 $.each(child_models, function (index) {  
  158.                     var id = child_models[index].id;    
  159.                     var name = child_models[index].dname;    
  160.                     var fatherid = child_models[index].fid;   
  161.                     var childs = child_models[index].childs;   
  162.                     //递归  
  163.                     DoLoop(loopHtml,childs,name,id,fatherid,level);  
  164.                 });  
  165.             }             
  166.         }  
  167.   
  168.         function PreText(level)  
  169.         {  
  170.             var str="";  
  171.             for (var i = 0; i < level; i++) {  
  172.                 str +="      ";  
  173.             }  
  174.             str += (level>0) ? " " :"";  
  175.             return str;  
  176.         }  
  177.     </script>  
  178.     <style type="text/css">  
  179.         tree-open {  
  180.             background: url('images/tree_icons.png') no-repeat -96px 0px;  
  181.         }  
  182.   
  183.         tree-close {  
  184.             background: url('images/tree_icons.png') no-repeat -112px 0px;  
  185.         }  
  186.     </style>  
  187. </head>  
  188. <body>  
  189.     <form id="form1" runat="server">  
  190.         <span class="tableTip">组织架构</span>  
  191.         <div class="LoopSpan"></div>  
  192.         <br />  
  193.         <table class="tableCss">  
  194.             <tr>  
  195.                 <td></td>  
  196.             </tr>  
  197.         </table>  
  198.     </form>  
  199. </body>  
  200. </html>  

[html]  view plain  copy
 print ?
  1. [  
  2.     {  
  3.         "id": 600,  
  4.         "dname": "集团中国总部",  
  5.         "fid": 0,  
  6.         "childs": [  
  7.             {  
  8.                 "id": 601,  
  9.                 "dname": "广东省公司",  
  10.                 "fid": 600,  
  11.                 "childs": [  
  12.                     {  
  13.                         "id": 602,  
  14.                         "dname": "深圳分公司",  
  15.                         "fid": 601,  
  16.                         "childs": [  
  17.                             {  
  18.                                 "id": 603,  
  19.                                 "dname": "福田办事处",  
  20.                                 "fid": 602,  
  21.                                 "childs": [  
  22.                                     {  
  23.                                         "id": 613,  
  24.                                         "dname": "车公庙办事点",  
  25.                                         "fid": 603,  
  26.                                         "childs": []  
  27.                                     }  
  28.                                 ]  
  29.                             }  
  30.                         ]  
  31.                     }  
  32.                 ]  
  33.             },  
  34.             {  
  35.                 "id": 606,  
  36.                 "dname": "湖南省公司",  
  37.                 "fid": 600,  
  38.                 "childs": [  
  39.                     {  
  40.                         "id": 607,  
  41.                         "dname": "长沙分公司",  
  42.                         "fid": 606,  
  43.                         "childs": []  
  44.                     }  
  45.                 ]  
  46.             },  
  47.             {  
  48.                 "id": 612,  
  49.                 "dname": "上海市公司",  
  50.                 "fid": 600,  
  51.                 "childs": []  
  52.             }  
  53.         ]  
  54.     },  
  55.     {  
  56.         "id": 604,  
  57.         "dname": "集团美国总部",  
  58.         "fid": 0,  
  59.         "childs": [  
  60.             {  
  61.                 "id": 605,  
  62.                 "dname": "纽约分公司",  
  63.                 "fid": 604,  
  64.                 "childs": [  
  65.                     {  
  66.                         "id": 611,  
  67.                         "dname": "曼哈顿办事处",  
  68.                         "fid": 605,  
  69.                         "childs": []  
  70.                     }  
  71.                 ]  
  72.             }  
  73.         ]  
  74.     }  
  75. ]  

转载：http://blog.csdn.net/smartsmile2012/article/details/53018972
费劲_奋进
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#无限极分类
10-28
C#无限极分类
C# 递归实现无限级分类
12-03
C# 递归实现无限级分类,里面的例子可以让你在自己的项目中得以方便的应用.值得初学者学习
处理后端接受到的数据分层级显示数据中有一级和二级
最新发布
qq_51292891的博客
05-23 367
输入框和树形图分级展示
.net(c#)产品无限级分类（2）
yingjiell的专栏
12-01 1170
无意中在一个源码中发现这个无限级分类，欣喜之余发现存在不少Bug，发了不少精力进行修复，并附有祥细注释，现在拿出来分享，由于是从项目中直接Copy出来，所以有兴趣的人还需仔细看一下。源码如下(要是网易博客也能象Csdn那样标明代码就好了)：表：Ye_Chennel结构List.cs（会用到的一些函数，放在App_Code）using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.
ASP.NET提取多层嵌套json数据的方法
weixin_34257076的博客
01-18 356
ASP.NET提取多层嵌套json数据的方法   本文实例讲述了ASP.NET利用第三方类库Newtonsoft.Json提取多层嵌套json数据的方法，具体例子如下。 假设需要提取的json字符串如下： {"name":"lily","age":23,"addr":{"city":guangzhou,"province":guangdong}} 先引用命名空间： using N
C#使用Http Post方式传递Json数据字符串调用Web Service
08-29
C#使用Http Post方式传递Json数据字符串调用Web Service C#使用Http Post方式传递Json数据字符串调用Web Service是指在C#中使用Http Post方式传递Json数据字符串来调用Web Service。这种方式可以将业务逻辑层和界面...
C#实现集合转换成json格式数据的方法
12-31
本文实例讲述了C#实现集合转换成json格式数据的方法。分享给大家供大家参考，具体如下： /// /// dataTable转换成Json格式 /// /// <param name=dt></param> /// <returns></returns> public static string To...
C#获取Web.API数据的后台方法
12-12
C#获取Web.API数据的后台方法，本例不包含api的输出方法 （输出方法请参考：http://download.csdn.net/detail/djk8888/9687185） （api的token验证参考：http://download.csdn.net/detail/djk8888/9680396）。 调试...
C#递归方法实现无限级分类显示效果实例
09-02
主要介绍了C#递归方法实现无限级分类显示效果,结合完整实例形式分析了C#递归算法与数据元素遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
winform创建树形菜单的无限级分类
weixin_33965305的博客
08-01 202
tvType：treeview控件 contextMenuStrip1：右键菜单s View Code #region 创建树形菜单 /// <summary> /// 描述：创建树形菜单 /// </summary> public void AddTree(int ParentID, Tr...
绝对经典的万能查询统计、分级汇总、多维统计类库及demo(.net 2005 c#)
10-18
可生成统计sql，可根据基础数据计算统计结果并进行页面呈现
c# Winform无限级树形目录源码示例
02-05
如果你还为实现“无限级分类”、“无限级菜单”、“无限级目录树”等功能发愁的话，就请赶快来下载这个例子吧，很好用的哦！ “C# Winform无限级树形目录源码示例”是本人专门为实现“无限级分类”、“无限级菜单”、“无限级目录树”等功能写得最好的例子，欢迎大家下载、参考、学习！
RBAC的无限级分类中,层级循环所给出的自定意封装函数
qu776161的博客
11-27 678
if(!function_exists('sortNode')) { function sortNode($node,$pid=0,$level =1){ static $arr =[]; foreach ($node as $v) { if($v['pid'] == $pid) { $v['level']==$level; $arr[]=.
一句SQL完成动态分级查询
weixin_33868027的博客
11-14 166
如果想查询所有西北区的员工（包含西北、西安、兰州），如下图所示： 如何用CTE的方式实现呢？ Talk is cheap. Show me the code --以下代码使用SQLite3.18.0测试通过WITH [depts]([dept_id])AS(SELECT[d].[dept_id] FRO...
关于数据菜单如何从后端获取数据
qq_56769991的博客
03-26 2357
通常前端页面会设计一个树型类型的菜单，而这些菜单的内容又需要根据我们的业务而定，这些数据是动态变化的 那么我们的后端该如何设计数据库呢？ 这里我们采用id-parentId的形式进行设计数据库 只要知道了一个跟结点的id，我们就可以根据这个id看成parentId去数据库中查询 where parentId=#{parentId}就可以查到一个结点的子节点，这样一层一层遍历。就可以遍历出整个树形结构。当然上面只是简单的说一下，具体的逻辑还要看下面的讲解。 如何设计数据库 首先每个结点需要需要一个唯一的i
三级分类功能 递归树形结构数据获取
qq_15210269的博客
07-27 507
三级分类功能 递归树形结构数据获取
c# 接收post json数据
06-10
在 C# 中接收 POST 请求的 JSON 数据，可以借助 ASP.NET Web API 或者 ASP.NET Core Web API。 使用 ASP.NET Web API 的示例代码如下： ```csharp using System.Web.Http; public class MyController : Api...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值