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

最新推荐文章于 2023-04-18 10:28:38 发布
最新推荐文章于 2023-04-18 10:28:38 发布
阅读量112 收藏
点赞数
文章标签： json 前端 xhtml ViewUI
原文链接：https://my.oschina.net/smartsmile/blog/815547
版权 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;
using System.Data;
using System.Collections;
using System.Web.UI;
using System.Web.UI.WebControls;
using RBAC;
using Newtonsoft.Json;

public partial class DepartmentConfig : BaseRolePage
{
    protected DataTable dtTree = new DataTable();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            dtTree = Maticsoft.DBUtility.DbHelperSQL.Query("select * from SY_DEPARTMENT").Tables[0];
        }
    }

    #region 获取无限分级数据
    /// <summary>
    /// 获取无限分级数据
    /// </summary>
    /// <returns></returns>
    protected string GetLevelJson()
    {
        //获取全部集合
        List<DepartModel> allModel = new List<DepartModel>();
        DataTable dt = dtTree.Copy();
        for (int i = 0; i < dt.Rows.Count; i++)
        {
            DataRow dr = dt.Rows[i];
            DepartModel model = new DepartModel();
            model.id = (int)dr["departID"];
            model.dname = dr["departName"].ToString();
            model.fid = (int)dr["fatherDepartID"];
            allModel.Add(model);
        }
        //筛选顶级分类
        var topItems = allModel.Where(e => e.fid == 0).ToList(); //顶级分类
        List<DepartModel> topModels = new List<DepartModel>();
        foreach (var item in topItems)
        {
            DepartModel topModel = new DepartModel();
            topModel.id = item.id;
            topModel.dname = item.dname;
            topModel.fid = item.fid;
            LoopToAppendChildren(allModel, topModel);
            topModels.Add(topModel);
        }

        string json = JsonConvert.SerializeObject(topModels);
        return json;
    }

    /// <summary>
    /// 继续追溯子类
    /// </summary>
    /// <param name="allList">全部数据</param>
    /// <param name="curItem">当前节点</param>
    protected void LoopToAppendChildren(List<DepartModel> allList, DepartModel curItem)
    {
        var subItems = allList.Where(ee => ee.fid == curItem.id).ToList();
        curItem.childs = new List<DepartModel>();
        curItem.childs.AddRange(subItems);
        foreach (var subItem in subItems)
        {
            LoopToAppendChildren(allList, subItem);
        }
    }
    #endregion

    #region 数据实体类
    public class DepartModel
    {
        public int id;
        public string dname;
        public int fid;
        public List<DepartModel> childs;
    }
    #endregion
}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DepartmentConfig.aspx.cs" Inherits="DepartmentConfig" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>组织架构</title>
    <link type="text/css" rel="stylesheet" href="../css/default.css" />
    <link type="text/css" rel="stylesheet" href="../css/jquery_dialog.css" />
    <link rel="stylesheet" type="text/css" href="../JS/jquery-easyui-1.5/themes/default/easyui.css" />
    <script type="text/javascript" src="../JS/jquery-easyui-1.5/jquery.min.js"></script>
    <script type="text/javascript" src="../JS/jquery_dialog.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript">
        $(function(){
            var json=<%=GetLevelJson()%>;
            var tableHtml= "<table id='tableAction' class='tableCss'>";
            tableHtml += "<th>部门ID</th><th>部门名称</th><th></th>";
            tableHtml +="</table>";
            $(".LoopSpan").empty().append(tableHtml); 
            $.each(json, function (index) {  
                //循环获取数据 顶级   
                var id = json[index].id;  
                var name = json[index].dname;  
                var fatherid = json[index].fid; 
                var childs = json[index].childs; 
                //组装
                DoLoop("",childs,name,id,fatherid,0);
            });
            //注册删除事件
            $(".alink_del").click(function(){
                if (confirm("确定删除？")) {
                    var id = $(this).attr("data-id");
                    $.ajax({
                        url: 'RoleHandler.ashx',
                        data: { "method": "delete_depart", "id": id },
                        type: 'GET',
                        timeout: 1000,
                        cache: false,
                        error: erryFunction,   
                        success: succFunction  
                    })
                    function erryFunction() {
                        alert("error");
                    }
                    function succFunction(data) {
                        //0无参数 1有下级 2删除成功 3删除失败
                        switch (data) {
                            case "0":
                                alert("参数错误");
                                break;
                            case "1":
                                alert("此数据存在下级，为防止误操作\n确保数据安全，请从末级往上逐级删除。");
                                break;
                            case "2":
                                alert("删除成功！");
                                window.location.href = window.location.href;
                                break;
                            case "3":
                                alert("删除失败，请稍后再试！");
                                break;
                            default:
                                break;
                        }
                    }
                }
            });

            //折叠展开
            $(".tree-hit").click(function(){
                var data=[];
                var children = [];
                $("#tableAction").find("tr").each(function(i){
                    var id=$(this).attr("data-id");
                    var fid=$(this).attr("data-fid");
                    if (typeof(id)!="undefined") {
                        data.push({"id":id, "fid":fid});
                    }                    
                });               
                var id=$(this).parent().parent().attr("data-id");
                if (typeof(id)!="undefined") {
                    //是否折叠
                    var closeFlag= $(this).hasClass("tree-expanded") ? true:false; 
                    var arr=getChildren(data,children,id);
                    if (closeFlag) { //折叠
                        $(this).removeClass("tree-expanded").addClass("tree-collapsed");
                        //tree-folder tree-folder-open           //tree-folder 
                        $(this).next("span").removeClass("tree-folder-open")
                    }
                    else{ //展开
                        $(this).removeClass("tree-collapsed").addClass("tree-expanded");
                        $(this).next("span").addClass("tree-folder-open")                  
                    }
                    openClose(arr,closeFlag);

                };
            });
        });

        //递归获取子类及下属类 无限下级
        function getChildren(data,children,id)
        {
            for(var i=0;i<data.length;i++){
                var iid=data[i]["id"];
                var fid=data[i]["fid"];
                if(id == fid){
                    children.push(iid);
                    getChildren(data,children,iid);      
                }
            }
            return children;
        }

        //折叠展开
        function openClose(arr,closeFlag)
        {
            $("#tableAction").find("tr").each(function(i){
                var id=$(this).attr("data-id");   
                if($.inArray(id,arr)>-1){
                    if (closeFlag) { //折叠
                        $(this).find("span").eq(0).removeClass("tree-collapsed").addClass("tree-expanded");
                        $(this).find("span").eq(1).addClass("tree-folder-open")  
                        $(this).hide();
                    }
                    else{ //展开
                        $(this).find("span").eq(0).removeClass("tree-collapsed").addClass("tree-expanded");
                        $(this).find("span").eq(1).next("span").addClass("tree-folder-open")     
                        $(this).show();
                    }                    
                }                
            });
        }
        
        //递归            
        function DoLoop(loopHtml,child_models,dname,id,fatherid,level)
        {
            var loopHtml = "";
            loopHtml += "<tr data-id='" + id + "' data-fid='" + fatherid + "'>";
            loopHtml += "<td width='10%' style='text-align:center'>";
            loopHtml += id;
            loopHtml += "</td>";
            loopHtml += "<td valign='bottom' width='40%' style='text-align:left'>"
            loopHtml += PreText(level) ;
            //<span class="tree-hit tree-collapsed"></span>
            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
            loopHtml += dname;
            loopHtml += "</td>";
            loopHtml +="<td width='50%'>";      
            loopHtml +="<a href='javascript:showMyModalDialog(\"DepartmentAdd.aspx?fid=" + id + "\",\"600\",\"300\");'>新增下级</a>    ";
            loopHtml +="<a href='javascript:showMyModalDialog(\"DepartmentEdit.aspx?id=" + id + "\",\"600\",\"300\");'>编辑</a>    ";
            loopHtml +="<a href='javascript:void(0);' data-id='" + id + "' class='alink_del'>删除</a>";
            loopHtml +="</td>"; 
            loopHtml +="</tr>";
            $("#tableAction").append(loopHtml);
            
            if (child_models.length > 0) { //有子类
                level++;
                $.each(child_models, function (index) {
                    var id = child_models[index].id;  
                    var name = child_models[index].dname;  
                    var fatherid = child_models[index].fid; 
                    var childs = child_models[index].childs; 
                    //递归
                    DoLoop(loopHtml,childs,name,id,fatherid,level);
                });
            }           
        }

        function PreText(level)
        {
            var str="";
            for (var i = 0; i < level; i++) {
                str +="      ";
            }
            str += (level>0) ? " " :"";
            return str;
        }
    </script>
    <style type="text/css">
        tree-open {
            background: url('images/tree_icons.png') no-repeat -96px 0px;
        }

        tree-close {
            background: url('images/tree_icons.png') no-repeat -112px 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <span class="tableTip">组织架构</span>
        <div class="LoopSpan"></div>
        <br />
        <table class="tableCss">
            <tr>
                <td></td>
            </tr>
        </table>
    </form>
</body>
</html>

[
    {
        "id": 600,
        "dname": "集团中国总部",
        "fid": 0,
        "childs": [
            {
                "id": 601,
                "dname": "广东省公司",
                "fid": 600,
                "childs": [
                    {
                        "id": 602,
                        "dname": "深圳分公司",
                        "fid": 601,
                        "childs": [
                            {
                                "id": 603,
                                "dname": "福田办事处",
                                "fid": 602,
                                "childs": [
                                    {
                                        "id": 613,
                                        "dname": "车公庙办事点",
                                        "fid": 603,
                                        "childs": []
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },
            {
                "id": 606,
                "dname": "湖南省公司",
                "fid": 600,
                "childs": [
                    {
                        "id": 607,
                        "dname": "长沙分公司",
                        "fid": 606,
                        "childs": []
                    }
                ]
            },
            {
                "id": 612,
                "dname": "上海市公司",
                "fid": 600,
                "childs": []
            }
        ]
    },
    {
        "id": 604,
        "dname": "集团美国总部",
        "fid": 0,
        "childs": [
            {
                "id": 605,
                "dname": "纽约分公司",
                "fid": 604,
                "childs": [
                    {
                        "id": 611,
                        "dname": "曼哈顿办事处",
                        "fid": 605,
                        "childs": []
                    }
                ]
            }
        ]
    }
]

转载于:https://my.oschina.net/smartsmile/blog/815547

chutisun0039
关注
C#根据全国5级行政区域mysql数据表生成json和生成三级行政区域Vue -- Tree
qq_39225074的博客
08-10 505
C#根据全国5级行政区域mysql数据表生成json和生成三级行政区域Vue -- Tree
c#多层嵌套Json
AStar的博客
10-08 1731
1、类+list： public class OrderInfo { /// <summary> /// 桌台状态表 /// </summary> [DataMember] public string bi_deskroom_status { get; set; } ...
C#对多级json解析
03-26
C#对多级json解析,非常实用，此代码写在load事件里面，然后可以了解解析json的原理。尤其是多级解析。
C# 导航栏无限层级树
ZeroRm的博客
04-04 1044
#region 获取导航栏方法-无限层级 /// <summary> /// 获取导航栏方法-无限层级 /// </summary> /// <returns></returns> public string GetNavigationbar() ...
mysql 定义多级表头_js treeData 树形数据结构 无限层级(转载)
weixin_39615402的博客
02-18 475
js实现无限层级树形数据结构(创新算法)转载：https://blog.csdn.net/Mr_JavaScript/article/details/82817177由于做项目的需要，把一个线性数组转成树形数组，在网上查了很多文章，觉得他们写的太复杂了，于是自己写了一个，在折腾了一下午终于把它写出来啦(激动.gif)，用两个filter过滤器就搞定了，代码简洁明了，数据结构小白都能看懂。js代码：...
.net mvc 实现layui树形组件数据形式传递
最新发布
growb的博客
04-18 320
layui树形组件的实现和数据分析传递
《Gpu Gems》《Gpu Pro》《Gpu Zen》系列读书笔记
热门推荐
puppet_master的专栏
02-13 2万+
本篇blog简单记录了一下最近一两年一直在读的一系列书目。《Gpu Gems》1-3三部，《Gpu Pro》1-7七部，《Gpu Zen》一部。针对每一项渲染技术，进行全系列书的总结，从这个角度来看，可以看到一项技术，近十五六年来的进化过程。
解析Json生成树状结构（无限级）
04-09
通过解析Json数据生成树状结构 1、使用newtonsoft.json解析json 2、无限级 3、父子节点联动
C#网站设计（一定的框架结构）
12-27
C#网站的基本构架 可以实现一些基本的功能 你可以自行再添加结构
c#无限层级，配置多层级菜单等
weixin_43950528的博客
12-10 1338
找网上在了很久如何将一张表含无限层级的数据，分层级赋值到实体类类中，并生成JSON字符串，没有找到合适的例子。于是自己采用递归写了一个。 先看代码 private static void Demo() { List<Limit> limits = new List<Limit>(); limits.Add(new Limit { id = 1, pid = 0, name = "任务管理" }); limits.Add(new Limit { id = 2.
C# json提取多层嵌套到数组
kokeng89的专栏
06-21 1536
json比一般格式再复杂点的就像数组一样，有多层嵌套，研究了一下，记录代码如下： 　　string jsonText = "{'name':'test','phone':'18888888888','image':[{'name':'img1','data':'data1'},{'name':'img2','data':'data2'},{'name':'img3','data':'da
WinForm应用实战开发指南 - 如何实现多层级的数据展示
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
11-21 1096
本文将为大家介绍如何用DevExpress控件实现多层级的数据展示，欢迎下载相关组件体验！
递归
weixin_30892987的博客
12-08 69
将数据库里具有层级关系的数据查询出来拼接成json字符串。 以部门为例： （代码_记录） public string GetDepart() { //获取全部集合 List<DepartModel> allModel = new List<DepartModel>(); List&lt...
for循环追加html js_javascript – for循环中的appendChild只添加1个孩子
weixin_34763128的博客
12-31 829
在JavaScript中,我使用HTML表创建一个网格(在Photoshop中看到的网格类型).网格大小将是可变的,即,可由用户改变,因此必须计算每个网格方块的大小并除以可用于获得精确大小网格的像素数.我已经完成了所有这些,但是我在添加必要的表元素以创建网格时遇到了问题.我的代码处于完全正常工作状态,除非我在for循环中使用appendChild()函数,它只会附加一个子节点,而它应该追加到几百个...
C#中后台获取前端值
YCCX_LHH21的博客
01-21 1086
String str = Request.Form["pwd"];
C# 实现后台生成 JSON 数据
要实现后台返回JSON数据，我们可以利用.NET Framework中的`System.Web.Script.Serialization`命名空间中的`JavaScriptSerializer`类。以下是一个具体的示例，详细说明了如何操作： 1. 引用必要的命名空间： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值