不再为无限级树结构烦恼,且看此篇

最新推荐文章于 2023-12-15 14:23:20 发布
最新推荐文章于 2023-12-15 14:23:20 发布
阅读量4.1k 收藏 1
点赞数 1
分类专栏： JS Html C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chamychen/article/details/9663491
版权
C# 同时被 3 个专栏收录
12 篇文章 0 订阅
订阅专栏
Html
7 篇文章 0 订阅
订阅专栏
JS
4 篇文章 0 订阅
订阅专栏

很久都没有写点什么出来分享了,最近在做多级树的时候,发现来来回回写过很多遍,于是封装成用户控件,以方便日后重复使用.

首先上效果:

我们看到以上2种效果,都是支持任意级的,这里源码中使用的是递归,以便高效的完成HTML的渲染.

下面上代码,代码中解释的都很详细了,我就不再细说.下面将有示例调用演示:

public partial class  UC_MultiLevelTree : System.Web.UI.UserControl
{
    #region 数据相关属性

    /// <summary>
    /// 要绑定的数据源
    /// </summary>
    public DataTable DataSource { get; set; }

    /// <summary>
    /// 多级树显示文本所在列列名
    /// </summary>
    public string TextFeild { get; set; }

    /// <summary>
    /// 多级树单条数据识别列列名(即选择项的值)
    /// </summary>
    public string ValueFeild { get; set; }

    /// <summary>
    /// 多级树层级区别列列名(仅限单个列区分层级)
    /// </summary>
    public string LevelFeild { get; set; }

    /// <summary>
    /// 多级树顶级的父项值
    /// </summary>
    public string TopLevelFeildValue { get; set; }

    #endregion

    #region 显示相关属性

    /// <summary>
    /// 是否显示多选框,默认为显示
    /// </summary>
    public bool ShowCheckBox { get; set; }

    /// <summary>
    /// 是否显示自定义根节点
    /// </summary>
    public bool ShowCustomerRoot { get; set; }

    /// <summary>
    /// 自定义根节点文本
    /// </summary>
    public string CustomerRootText { get; set; }

    /// <summary>
    /// 多级树宽度,可为像素或者百分比
    /// </summary>
    public string Width { get; set; }

    /// <summary>
    /// 多级树高度,可为像素或者百分比
    /// </summary>
    public string Height { get; set; }

    /// <summary>
    /// 展开符号(可为HTML代码)
    /// </summary>
    public string ExtendSign { get; set; }

    /// <summary>
    /// 收缩符号(可为HTML代码)
    /// </summary>
    public string ShrinkSign { get; set; }

    /// <summary>
    /// 每级与上级空格个数
    /// </summary>
    public int LevelSeparatorCount { get; set; }

    /// <summary>
    /// 默认展开级别
    /// </summary>
    public int ExtendLevelNum { get; set; }

    #endregion

    #region 私有变量

    /// <summary>
    /// 扩展标记的HTML
    /// </summary>
    private string StrExtendSign;

    /// <summary>
    /// 收缩标记的HTML
    /// </summary>
    private string StrShrinkSign;

    /// <summary>
    /// 多选框的HTML
    /// </summary>
    private string StrCheckbox;

    /// <summary>
    /// 子层级开始符号的HTML
    /// </summary>
    private string LevelSeparator = " ";

    #endregion


    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);
        this.ShowCheckBox = true;
        this.Width = "100%";
        this.Height = "100%";
        this.ExtendSign = "[+]";
        this.ShrinkSign = "[-]";
        this.TopLevelFeildValue = CRMCommon.strNullGuid;
        this.LevelSeparatorCount = 4;
        this.ExtendLevelNum = 2;
    }


    protected void Page_Load(object sender, EventArgs e)
    {

    }

    public void DataBind()
    {
        this.StrCheckbox = this.ShowCheckBox ? "<input type='checkbox' class='MLT_Checkbox'/>" : "";
        this.StrExtendSign = "<span class='MLT_ExtendSign' {0}>" + this.ExtendSign + "</span>";
        this.StrShrinkSign = "<span class='MLT_ShrinkSign' {0}>" + this.ShrinkSign + "</span>";
        this.ltMultiLevelTreeHtml.Text = RenderTree(this.TopLevelFeildValue, 1);
    }


    private string RenderTree(string parentValue, int level)
    {
        StringBuilder sb = new StringBuilder();

        string extendSignHtml = "";
        string shrinkSignHtml = "";

        //收缩,展开按钮的显示控制
        if (level < this.ExtendLevelNum)
        {
            extendSignHtml = string.Format(this.StrExtendSign, "style='display:none;'");
            shrinkSignHtml = string.Format(this.StrShrinkSign, "");
        }
        else
        {
            extendSignHtml = string.Format(this.StrExtendSign, "");
            shrinkSignHtml = string.Format(this.StrShrinkSign, "style='display:none;'");
        }

        //自定义根节点
        if (level == 1)
        {
            sb.AppendFormat("<div class='MLT_Panel' style='width:{0};height:{1}'>", this.Width, this.Height);
            if (this.ShowCustomerRoot)
            {
                sb.AppendFormat("<div class='MLT_Item' level='{0}' rel=''>{1}<span class='MLT_Item_Text'>{2}</span></div>", level, extendSignHtml + shrinkSignHtml + this.StrCheckbox, this.CustomerRootText);

                level += 1;
            }
            sb.Append(RenderTree(parentValue, level));
            sb.Append("</div>");
        }

        else if (level != 1)
        {
            //数据项绑定
            if (this.DataSource != null && this.DataSource.Rows.Count > 0)
            {
                string levelSeparator = "";

                if (level > 1)
                {
                    levelSeparator += "<span  class='MLT_LevelSeparator'>";
                    for (int i = 1; i <= (level - 1) * this.LevelSeparatorCount; i++)
                    {
                        levelSeparator += this.LevelSeparator;
                    }
                    levelSeparator += "</span>";
                }

                DataRow[] drList = this.DataSource.Select(string.Format("{0}='{1}'", this.LevelFeild, parentValue));

                if (drList != null && drList.Length > 0)
                {
                    level += 1;
                    foreach (DataRow dr in drList)
                    {
                        string childHtml = RenderTree(dr[ValueFeild].ToString(), level);

                        string signs = string.IsNullOrWhiteSpace(childHtml) ? "<span  class='MLT_ExtendSignPlaceholder'></span>" : extendSignHtml + shrinkSignHtml;

                        sb.AppendFormat("<div class='MLT_Item' level='{0}' rel='{1}' parent='{2}' {3}>{4}<span class='MLT_Item_Text'>{5}</span></div>", level - 1, dr[ValueFeild], dr[LevelFeild], level - 1 > this.ExtendLevelNum ? "style='display:none;'" : "", levelSeparator + signs + this.StrCheckbox, dr[TextFeild]);

                        if (!string.IsNullOrWhiteSpace(childHtml))
                        {
                            sb.Append(childHtml);
                        }
                    }
                }
            }
        }
        return sb.ToString();

    }
}

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UC_MultiLevelTree.ascx.cs" Inherits="UC_MultiLevelTree" %>
<asp:Literal runat="server" ID="ltMultiLevelTreeHtml"></asp:Literal>
<script>
    $(function () {
        $(".MLT_Item").click(function (e) {
            e.stopPropagation();
            $(".MLT_Item").removeClass("MLT_Item_hover");
            $(this).addClass("MLT_Item_hover");
            extendItem(this);
        });

        $(".MLT_ExtendSign").click(function (e) {
            e.stopPropagation();
            var event = e.currentTarget;
            var item = $(event).parent();
            extendItem(item);
        })

        $(".MLT_ShrinkSign").click(function (e) {
            e.stopPropagation();
            var event = e.currentTarget;
            var item = $(event).parent();
            shrinkItem(item);
        })

        $(".MLT_Checkbox").click(function (e) {
            e.stopPropagation();
            var event = e.currentTarget;
            var item = $(event).parent();
            var checked = $(event).attr("checked");
            checkItems(item, checked);
        });
    });

    //展开项
    function extendItem(obj) {
        var rel = $(obj).attr("rel");
        if (rel != undefined && rel.length > 0) {
            $(obj).siblings("div[parent=" + rel + "]").each(function () {
                $(this).show();
            });
        }
        else {
            $(obj).siblings("div[level=2]").show();
        }
        $(obj).find(".MLT_ExtendSign").hide();
        $(obj).find(".MLT_ShrinkSign").show();
    }

    //收缩项
    function shrinkItem(obj) {
        var rel = $(obj).attr("rel");
        if (rel != undefined && rel.length > 0) {
            $(obj).siblings("div[parent=" + rel + "]").each(function () {
                $(this).hide();
                $(this).find(".MLT_ExtendSign").show();
                $(this).find(".MLT_ShrinkSign").hide();
                shrinkItem(this);
            });
        }
        else {
            $(obj).siblings("div[level!=1]").hide();
            $(obj).siblings("div[level!=1]").find(".MLT_ExtendSign").show();
            $(obj).siblings("div[level!=1]").find(".MLT_ShrinkSign").hide();
        }
        $(obj).find(".MLT_ExtendSign").show();
        $(obj).find(".MLT_ShrinkSign").hide();
    }

    //选择项
    function checkItems(obj, checked) {
        var rel = $(obj).attr("rel");
        if (rel != undefined && rel.length > 0) {
            if (checked) {
                $(obj).siblings("div[parent=" + rel + "]").each(function () {
                    $(this).find("input[type=checkbox]").attr("checked", "checked");
                    checkItems(this, checked);
                });
            }
            else {
                $(obj).siblings("div[parent=" + rel + "]").each(function () {
                    $(this).find("input[type=checkbox]").removeAttr("checked");
                    checkItems(this, checked);
                });
            }
        }
        else {
            if (checked) {
                $(obj).parent().find("input[type=checkbox]").attr("checked", "checked");
            }
            else {
                $(obj).parent().find("input[type=checkbox]").removeAttr("checked");
            }
        }
    }
</script>
<style type="text/css">
    .MLT_Panel
    {
        white-space: nowrap;
        overflow: auto;
    }

    .MLT_Item
    {
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
    }

    .MLT_Item_hover
    {
        background-color: rgb(167, 205, 240);
    }

    .MLT_Item span
    {
        line-height: 20px;
        display: inline-block;
    }

    .MLT_Checkbox
    {
        position: relative;
        width: 12px;
        height: 12px;
        margin: 0 2px;
        bottom: 2px;
    }

    .MLT_ExtendSign, .MLT_ShrinkSign, .MLT_ExtendSignPlaceholder
    {
        font-family: "宋体";
        width: 18px;
        text-align: center;
    }
</style>


 

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UC_MultiLevelTree.ascx.cs" Inherits="UC_MultiLevelTree" %>
<asp:Literal runat="server" ID="ltMultiLevelTreeHtml"></asp:Literal>
<script>
    $(function () {
        $(".MLT_Item").click(function (e) {
            e.stopPropagation();
            $(".MLT_Item").removeClass("MLT_Item_hover");
            $(this).addClass("MLT_Item_hover");
            extendItem(this);
        });

        $(".MLT_ExtendSign").click(function (e) {
            e.stopPropagation();
            var event = e.currentTarget;
            var item = $(event).parent();
            extendItem(item);
        })

        $(".MLT_ShrinkSign").click(function (e) {
            e.stopPropagation();
            var event = e.currentTarget;
            var item = $(event).parent();
            shrinkItem(item);
        })

        $(".MLT_Checkbox").click(function (e) {
            e.stopPropagation();
            var event = e.currentTarget;
            var item = $(event).parent();
            var checked = $(event).attr("checked");
            checkItems(item, checked);
        });
    });

    //展开项
    function extendItem(obj) {
        var rel = $(obj).attr("rel");
        if (rel != undefined && rel.length > 0) {
            $(obj).siblings("div[parent=" + rel + "]").each(function () {
                $(this).show();
            });
        }
        else {
            $(obj).siblings("div[level=2]").show();
        }
        $(obj).find(".MLT_ExtendSign").hide();
        $(obj).find(".MLT_ShrinkSign").show();
    }

    //收缩项
    function shrinkItem(obj) {
        var rel = $(obj).attr("rel");
        if (rel != undefined && rel.length > 0) {
            $(obj).siblings("div[parent=" + rel + "]").each(function () {
                $(this).hide();
                $(this).find(".MLT_ExtendSign").show();
                $(this).find(".MLT_ShrinkSign").hide();
                shrinkItem(this);
            });
        }
        else {
            $(obj).siblings("div[level!=1]").hide();
            $(obj).siblings("div[level!=1]").find(".MLT_ExtendSign").show();
            $(obj).siblings("div[level!=1]").find(".MLT_ShrinkSign").hide();
        }
        $(obj).find(".MLT_ExtendSign").show();
        $(obj).find(".MLT_ShrinkSign").hide();
    }

    //选择项
    function checkItems(obj, checked) {
        var rel = $(obj).attr("rel");
        if (rel != undefined && rel.length > 0) {
            if (checked) {
                $(obj).siblings("div[parent=" + rel + "]").each(function () {
                    $(this).find("input[type=checkbox]").attr("checked", "checked");
                    checkItems(this, checked);
                });
            }
            else {
                $(obj).siblings("div[parent=" + rel + "]").each(function () {
                    $(this).find("input[type=checkbox]").removeAttr("checked");
                    checkItems(this, checked);
                });
            }
        }
        else {
            if (checked) {
                $(obj).parent().find("input[type=checkbox]").attr("checked", "checked");
            }
            else {
                $(obj).parent().find("input[type=checkbox]").removeAttr("checked");
            }
        }
    }
</script>
<style type="text/css">
    .MLT_Panel
    {
        white-space: nowrap;
        overflow: auto;
    }

    .MLT_Item
    {
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
    }

    .MLT_Item_hover
    {
        background-color: rgb(167, 205, 240);
    }

    .MLT_Item span
    {
        line-height: 20px;
        display: inline-block;
    }

    .MLT_Checkbox
    {
        position: relative;
        width: 12px;
        height: 12px;
        margin: 0 2px;
        bottom: 2px;
    }

    .MLT_ExtendSign, .MLT_ShrinkSign, .MLT_ExtendSignPlaceholder
    {
        font-family: "宋体";
        width: 18px;
        text-align: center;
    }
</style>


 

示例:

使用原数据:

生成HTML中,每一级每一条都包含在使用相同class的DIV当中,不同之外在于自定义的level,parent,rel等属性,请参见代码.

下列为调用代码方法,各参数可自行设定,说见用户控件CS代码:

由于时间问题,可能很多地方不便细说.如有更多疑问,请加QQ群:ASP.NET高级群,群号: 261882616

 

 

chamychen
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
无限级遍历树
04-04
NULL 博文链接：https://cheeruplc.iteye.com/blog/1485418
无限级javascript树形菜单
汪涛的专栏
07-26 839
 无限级树形菜单#A1 td { vertical-align: top; }#A1 td.bj { font-family: Wingdings; color: #FF9933; text-align: center; }#A1 td.bj , #A1 td.kg { width: 24; }#A1 a:link , #A1 a: visited   { color: #cc0080;
无限级菜单树
11-14
javascript ,jquery就够了无需太麻烦的库,简洁美观,只需传入json对象，即可生成无限级菜单
无限级树（Java递归）
11-12
无限级树（Java递归） 2007-02-08 10:26 这几天，用java写了一个无限极的树，递归写的，可能代码不够简洁，性能不够好，不过也算是练习，这几天再不断改进。前面几个小图标的判断，搞死我了。 package com.nickol.servlet; import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.ArrayList; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.nickol.utility.DB; public class category extends HttpServlet { /** * The doGet method of the servlet. * * This method is called when a form has its tag value method equals to get. * * @param request the request send by the client to the server * @param response the response send by the server to the client * @throws ServletException if an error occurred * @throws IOException if an error occurred */ public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setCharacterEncoding("utf-8"); response.setContentType("text/html"); PrintWriter out = response.getWriter(); out .println(""); out.println(""); out.println(" Category" + "" + "body{font-size:12px;}" + "" + "" + ""); out.println(" "); out.println(showCategory(0,0,new ArrayList(),"0")); out.println(" "); out.println(""); out.flush(); out.close(); } public String showCategory(int i,int n,ArrayList frontIcon,String countCurrent){ int countChild = 0; n++; String webContent = new String(); ArrayList temp = new ArrayList(); try{ Connection conn = DB.GetConn(); PreparedStatement ps = DB.GetPs("select * from category where pid = ?", conn); ps.setInt(1, i); ResultSet rs = DB.GetRs(ps); if(n==1){ if(rs.next()){ webContent += "";//插入结尾的减号 temp.add(new Integer(0)); } webContent += " ";//插入站点图标 webContent += rs.getString("cname"); webContent += "\n"; webContent += showCategory(Integer.parseInt(rs.getString("cid")),n,temp,"0"); } if(n==2){ webContent += "\n"; }else{ webContent += "\n"; } while(rs.next()){ for(int k=0;k<frontIcon.size();k++){ int iconStatic = ((Integer)frontIcon.get(k)).intValue(); if(iconStatic == 0){ webContent += "";//插入空白 }else if(iconStatic == 1){ webContent += "";//插入竖线 } } if(rs.isLast()){ if(checkChild(Integer.parseInt(rs.getString("cid")))){ webContent += "";//插入结尾的减号 temp = (ArrayList)frontIcon.clone(); temp.add(new Integer(0)); }else{ webContent += "";//插入结尾的直角 } }else{ if(checkChild(Integer.parseInt(rs.getString("cid")))){ webContent += "";//插入未结尾的减号 temp = (ArrayList)frontIcon.clone(); temp.add(new Integer(1)); }else{ webContent += "";//插入三叉线 } } if(checkChild(Integer.parseInt(rs.getString("cid")))){ webContent += " ";//插入文件夹图标 }else{ webContent += " ";//插入文件图标 } webContent += rs.getString("cname"); webContent += "\n"; webContent += showCategory(Integer.parseInt(rs.getString("cid")),n,temp,countCurrent+countChild); countChild++; } webContent += "\n"; DB.CloseRs(rs); DB.ClosePs(ps); DB.CloseConn(conn); }catch(Exception e){ e.printStackTrace(); } return webContent; } public boolean checkChild(int i){ boolean child = false; try{ Connection conn = DB.GetConn(); PreparedStatement ps = DB.GetPs("select * from category where pid = ?", conn); ps.setInt(1, i); ResultSet rs = DB.GetRs(ps); if(rs.next()){ child = true; } DB.CloseRs(rs); DB.ClosePs(ps); DB.CloseConn(conn); }catch(Exception e){ e.printStackTrace(); } return child; } } --------------------------------------------------------------------- tree.js文件 function changeState(countCurrent,countChild){ var object = document.getElementById("level" + countCurrent + countChild); if(object.style.display=='none'){ object.style.display='block'; }else{ object.style.display='none'; } var cursor = document.getElementById("cursor" + countCurrent + countChild); if(cursor.src.indexOf("images/tree_minus.gif")>=0) {cursor.src="images/tree_plus.gif";} else if(cursor.src.indexOf("images/tree_minusbottom.gif")>=0) {cursor.src="images/tree_plusbottom.gif";} else if(cursor.src.indexOf("images/tree_plus.gif")>=0) {cursor.src="images/tree_minus.gif";} else {cursor.src="images/tree_minusbottom.gif";} var folder = document.getElementById("folder" + countCurrent + countChild); if(folder.src.indexOf("images/icon_folder_channel_normal.gif")>=0){ folder.src = "images/icon_folder_channel_open.gif"; }else{ folder.src = "images/icon_folder_channel_normal.gif"; }
js无限级树菜单
liudanyang_21的博客
07-06 520
以前做网站，树形菜单一般都很简单，自己定义风格样式，简单的js控制，后来原来网上很多文章都在讨论Js树型菜单，看了几个实例，发现这个树比较简单好用。http://hovertree.com/texiao/js/9.htm这个无限级可刷新Js树型菜单 menuTree1、可设置无限级菜单2、不必使用框架3、可刷新，多页面内跳转不会影响菜单4、可限级创造子树5、支持目前主流浏览器：IE5，6，7，8，9，10，11，酷睿，火狐等6、节点图片可设置切换图片效果点击这里下载http://hovertr...
无限级树形结构组件，支持单选和多选组件，支持搜索，面包屑类型导航
10-18
标题中的"无限级树形结构组件"指的是这种组件能够处理具有任意深度的层级关系，如部门结构、文件系统等。无限级树形结构的关键在于其动态加载和优化性能的设计，避免一次性加载所有节点导致的性能问题。通常，该组件...
ExtenTree无限级树源码.zip
06-18
这个名为"ExtenTree无限级树源码.zip"的压缩包文件包含了实现这种数据结构的源代码，可以帮助开发者深入理解其工作原理并进行定制化开发。 在Java或者其他面向对象的编程语言中，无限级树通常通过节点类（Node）来...
商业编程-源码-Ajax无限级树源码.zip
06-20
此压缩包"商业编程-源码-Ajax无限级树源码.zip"显然包含了一套用于构建无限级树结构的Ajax源代码，这在诸如组织结构、目录浏览、文件管理系统等场景中非常常见。下面将详细探讨这个知识点。 1. **Ajax基础**：Ajax...
json+jQuery实现的无限级树形菜单效果代码
10-23
主要介绍了json+jQuery实现的无限级树形菜单效果代码,涉及jquery针对json数据的遍历、读取及动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
无限级树形（三层开发）源码.zip
06-19
无限级树形结构在IT行业中常见于数据组织和展示，如目录管理、组织架构、菜单系统等场景。这种结构允许数据以树状形式无限层级地展开，每条数据记录可以有任意数量的子节点，而每个子节点又可以进一步扩展为自己的子...
无限级树算法(递归)
如果有一天...
02-10 1024
<br />此算法所用数据库为整个河南省地区（省、市、县）<br />/* * 无限级树算法 */ using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Data; using System.Data.SqlClient; namespace ConApp1 { class Program { stati
【Java】实现无限极树
最新发布
qq_16597245的博客
12-15 535
Java实现无限极树，例如：菜单树、项目树
Java后端项目实现无限极树 - 案例：部门树 - Department实体类
2301_77829365的博客
07-19 592
注意：在业务实现时，其实只用到了 departmentMapper 中的一个 findAll() 方法，即查询所有对象数据，所以在 mapper 层以及 sql 语句中不会有所新增（基础的 CRUD 方法一般而言早就写好了），至此，部门数的后端业务就已经全部实现了，剩下的就是前端的事了。if (department.getParentId() == null) {//顶级部门的情况。// 3. 遍历所有部门只要不是第一层级的，找自己的上级，并将自己放入上级的children中。
html遍历无限级树,无限级树构造并遍历输出指定条件叶子
weixin_32804237的博客
07-03 423
目录场景介绍数据实现构造无限级广度优先遍历深度优先遍历完整代码场景介绍最近接到一个需求，需要根据平级结构构造无限级树型结构，界面类似下边这样的结构然后，还需要把所有的橙色标记的叶子节点从垂直方向筛选出来，最终效果就是得到一个这样顺序的一级数组KKKQQQJJJHHHGGGLLL需要根据AAA这个节点和他所有子节点的数据，构造出一个无限级树型结构，如下数据顶级AAA数据{"id":348019,"n...
Android 使用 ListView 改造成 无限级树
码小哥的专栏
10-25 312
废话不多说，直接上代码： 首先，后端返回树形结构的json字符串之后，作为Android要把这串json变成树形结构的页面，这时候，一般都是listview+adapter 那么，适配器的代码如下： import java.util.List; import android.content.Context; import android.view.LayoutInflater; impor
php实现无限级树实例用法汇总
itkissit的博客
08-28 435
无限级树状图可以说是无限级栏目的一个显著特征，我们接下来就来看看两种不同的写法。一.数据库设计CREATE TABLE bg_cate ( cate_Id int(30) unsigned NOT NULL AUTO_INCREMENT, cate_ParentId int(30) unsigned DEFAULT ‘
java如何实现无限级树,Java无限级树（递归）超适用
weixin_33945547的博客
03-12 976
Java无限级树(递归)超实用String str="";@Overridepublic String getEmployeeBysupSelas(String employeeID) {str+="'"+employeeID+"',";String sql="SELECT u.employeeID from tbl_system_user u where supervisorID='"+empl...
Vue实现无限级树形选择器（无第三方依赖）
军火库
10-07 1430
树形结构数据一般都是如下的嵌套结构，再复杂也只不过是字段变多了而已，这几个特征字段key、label、children，以下面的参考数据为例: 这里的key是id，用于标识唯一性(该字段在整棵树中是唯一的)，label则是title字段，用于显示节点名称，最后的children则是指下一级节点，它的特征与父级一致。]所以我们的选择器组件可以定义一个关键参数选项，用于指定节点中的这几个属性值。props: {
python dataframe 无限级树
09-07
Python中的DataFrame可以通过构建树形结构来实现无限级层次。实现方法可以通过创建包含父级和子级关系的两个列来达到。 首先，我们需要构建一个空的DataFrame对象，并定义父级和子级两个列。父级列将保存每个节点的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值