.NET中TreeView控件的实现方式

最新推荐文章于 2018-11-02 16:57:56 发布
最新推荐文章于 2018-11-02 16:57:56 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： ASP.NET 文章标签： .net string url list object 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljleiwf/article/details/3235537
版权

【允许转载！但请注明出处！】 

 

在.NET中，TreeView大体有三种实现方式。一、设置成静态的。即直接在控件中编辑节点设置属性即可。这种方式可以最简单快速的实现一个TreeView，但是不灵活，只适合于数据是一成不变的，一般没有人使用这种方式。本文不做重点介绍，不推荐使用。二、利用XML文件作为数据源实现。这种方式较第一种灵活，但是只适合有一个根的树。三、利用后台数据库动态添加数据实现。这种方式适合建立多根的树，比较灵活。实现起来也较为复杂。

接下来，让我们一个一个来看。

首先，看一下XML的方式怎样添加一个TreeView。

第一步，建立一个XML文件。

<?xml version="1.0" encoding="utf-8" ?>
<node title="父节点">
  <node1 title="子节点1" url="Default.aspx">
    <node11 title="子节点1-1" url="Default1.aspx"></node11>
  </node1>
  <node2 title="子节点2" url="Default2.aspx">
    <node21 title="子节点2-1" url="Default21.aspx"></node21>
  </node2>
  <node3 title="子节点3" url="Default3.aspx">
    <node31 title="子节点3-1" url="Default31.aspx"></node31>
  </node3>
  <node4 title="子节点4" url="Default4.aspx">
    <node41 title="子节点4-1" url="Default41.aspx"></node41>
  </node4>
</node>

然后添加XmlDataSource数据源，设置DataFile属性指向此XML文件。再将TreeView的DataSourceID的属性设置为刚刚建立的数据源的ID。接下来对TreeView进行数据绑定。在DataBindings编辑器中依次添加各个节点，并分别设置其TextField和NavigateUrlField属性值对应上面的XML文件的title和url。简单的绑定完成之后，这个树的添加就算完成了。

下面让我们来看一下怎样从数据库中动态添加数据到TreeView。实现方式上一般有两种。一是将所有数据一次性提取加载到TreeView，二是先加载根节点，当点击根节点时，再加载子节点数据。对于我个人来说，一般是使用第二种方式。当数据库数据量较为庞大时，第一种方式显示速度显然要慢很多。通常的做法都是先加载根节点数据，然后依次加载子节点和叶节点。而实现思路也有两种，迭代和循环。本人是用循环的方式来实现的。

先说一下数据库表和字段。表是作为类别表来设计的。一共三个字段cid(类别编号)、cname(类别名称)、parentid(父类编号)

第一步，在Default.aspx中添加一个TreeView。

        <asp:TreeView ID="TreeView3" runat="server" Height="250px" ImageSet="Msdn" OnTreeNodeExpanded="TreeView3_TreeNodeExpanded"
            ShowLines="True" Style="left: 405px; position: relative; top: -179px" Width="128px">
        </asp:TreeView>

第二步，建立类别表类ProClass.cs存放数据。

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

/// <summary>
/// ProClass 的摘要说明
/// </summary>
public class ProClass
{
 public ProClass()
 {
  //
  // TODO: 在此处添加构造函数逻辑
  //
 }
    private string cid;

    public string Cid
    {
        get { return cid; }
        set { cid = value; }
    }
    private string cname;

    public string Cname
    {
        get { return cname; }
        set { cname = value; }
    }
    private string parentid;

    public string Parentid
    {
        get { return parentid; }
        set { parentid = value; }
    }

}

第三步，建立数据访问类DBHelp.cs。

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using System.Collections;

/// <summary>
/// DBHelp 的摘要说明
/// </summary>
public class DBHelp
{
 public DBHelp()
 {
  //
  // TODO: 在此处添加构造函数逻辑
  //
 }

    //取得所有父节点 parentid为零的是根节点
    public static ArrayList GetTreeNodes()
    {
        ArrayList lst;
        using(SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["ConStr"].ToString()))
        {
            con.Open();
            string sql = "select * from ProClass where parentid = 0";
            SqlCommand cmd = new SqlCommand(sql,con);
            SqlDataReader dr = cmd.ExecuteReader();
            lst = new ArrayList();           
            if (dr.HasRows)
            {
                while (dr.Read())
                {
                    ProClass c = new ProClass();
                    c.Cid = dr["cid"].ToString();
                    c.Cname = dr["cname"].ToString();
                    c.Parentid = dr["parentid"].ToString();
                    lst.Add(c);
                }
            }
        }
        return lst;
    }

    //根据类别名称查询类别编号
    public static int GetIdByName(string cname)
    {
        int cid = 0;
        using (SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["ConStr"].ToString()))
        {
            con.Open();
            string sql = "select cid from ProClass where cname='"+cname+"'";
            SqlCommand cmd = new SqlCommand(sql, con);
            SqlDataReader dr = cmd.ExecuteReader();
            if (dr.HasRows)
            {
                while (dr.Read())
                {
                    cid = Convert.ToInt32(dr[0]);
                }
            }
        }
        return cid;
    }
   
    //根据当前id号查询父类下是否有子类
    public static ArrayList GetSonTreeNode(int id)
    {       
        ArrayList lst;
        using (SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["ConStr"].ToString()))
        {
            con.Open();
            string sql = "select * from ProClass where parentid = "+id;
            SqlCommand cmd = new SqlCommand(sql, con);
            SqlDataReader dr = cmd.ExecuteReader();
            lst = new ArrayList();
            if (dr.HasRows)
            {
                //如果能查询到 说明是子类别
                while (dr.Read())
                {
                    ProClass c = new ProClass();
                    c.Cid = dr["cid"].ToString();
                    c.Cname = dr["cname"].ToString();
                    c.Parentid = dr["parentid"].ToString();
                    lst.Add(c);
                }
            }
            else
            {
                //否则 说明是父类别
                return lst;
            }
        }
        return lst;
    }
}
第四步，在Default.aspx.cs文件中添加事件处理。

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Collections;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            CreateDBTree();           
        }
    }
    TreeNode node;
    private void CreateDBTree()
    {
        ArrayList list = DBHelp.GetTreeNodes();
        foreach (ProClass pc in list)
        {
            node = new TreeNode(pc.Cname.ToString());
            this.TreeView3.Nodes.Add(node);
        }
    }

    //树节点展开事件

    protected void TreeView3_TreeNodeExpanded(object sender, TreeNodeEventArgs e)
    {       
        if (!IsPostBack)
        {
            string cname = e.Node.Text.ToString();
            int cid = DBHelp.GetIdByName(cname);
            ArrayList list = DBHelp.GetSonTreeNode(cid);
            foreach (ProClass p in list)
            {
                node = new TreeNode(p.Cname);
                e.Node.ChildNodes.Add(node);
                e.Node.Expanded = false;  //初次显示成闭合状态
            }
        }
    }
}

另：添加节点跳转地址：

可将第四步修改为：

 

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Collections;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            CreateDBTree();           
        }
    }
    static TreeNode node;
    string turnUrl = "Default2.aspx";
    private void CreateDBTree()
    {
        ArrayList list = DBHelp.GetTreeNodes();
        foreach (ProClass pc in list)
        {
            node = new TreeNode(pc.Cname.ToString());
            this.TreeView3.Nodes.Add(node);           
        }
      
       
    }

    protected void TreeView3_TreeNodeExpanded(object sender, TreeNodeEventArgs e)
    {
        string cname = e.Node.Text.ToString();
        int cid = DBHelp.GetIdByName(cname);
        if (!IsPostBack)
        {
            ArrayList list = DBHelp.GetSonTreeNode(cid);           
            foreach (ProClass p in list)
            {
                TreeNode node1 = new TreeNode(p.Cname);                 
                e.Node.ChildNodes.Add(node1);
                //e.Node.Expanded = false;  //初次显示成闭合状态
            }
            //添加所有子节点的URL地址
            if (e.Node.ChildNodes.Count > 0)
            {
                for (int i = 0; i < e.Node.ChildNodes.Count; i++)
                {                      
                    e.Node.ChildNodes[i].NavigateUrl = turnUrl + "?cid=" + DBHelp.GetIdByName(e.Node.ChildNodes[i].Text.ToString());
                }
            }
            //添加当前节点的URL地址
            e.Node.NavigateUrl = turnUrl + "?cid=" + cid;           
        }
    }
}

ljleiwf
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
asp.net treeview
12-17
asp.net treeview 含源码及数据库脚本 下载即可运行。
.Net中使用TreeView控件的方法
wang8712的专栏
04-20 1511
1.一般方法：(1)下载的treeview控件以后减压生成Microsoft.Web.UI.WebControls.dll(2)在wwwroot下创建空目录webctrl_client/1_0。(3)将build/Runtime下的文件拷至webctrl_client/1_0下。(4)选择工具箱的自定义工具箱，添加Microsoft.Web.UI.WebControls.dll。这里初始化的环境配
.NET中TreeView的运用总结
03-26 73
本文参考部分资料来自于：http://www.zzchina.net/article/keyword/329.htm有关这方面的学习，最近才开始学习，由于老师没有给我们讲解过，但自己还是希望通过努力学会它。明天还是要继续听自己的项目，真是的，本不该说这些锁事的，可不记载每天的心灵，我怕自己以后会忘记，所以每天的生活不能没有日志，这样才能完善自己，这样才能每天能学到知识，我的一生需要知识...
.net TreeView使用基础
u010730369的专栏
09-17 912
这里提供一个treeview控件绑定树形层级结构数据的实例： 数据库表结构、数据： aspx页面： aspx.cs页面： protected void Page_Load(object sender, EventArgs e) { //获取数据集（以你自己的方式获取即可） SQLBase sb = new SQLBase(); DataTable dt = sb.Get
asp.net TreeView
咖啡不加糖专栏
06-07 1073
1．什么是TreeView?   TreeView 是一个 ASP.NET 服务器控件，可以生成用于显示分层数据的用户界面2．适用的数据结构：    适用分层的数据集、文件夹视图以及其他类似的数据结构。3．如何实现TreeView?   (1)通过声明的方式创建(2)客户端或服务器上通过编程以多种方式来实现4．TreeView创建方法：   (1)手动创建   (2) 使用vs.net中的 Tre
vb.net中TreeView控件教程实例
03-04
在VB.NET编程环境中，TreeView控件是一个非常实用的组件，常用于展示层次化的数据结构，如文件系统、组织结构或数据库记录。这个教程是专为初学者设计的，旨在帮助他们理解和掌握如何在VB.NET 2005中有效地利用...
asp.net中TreeView控件的数据绑定
11-19
在asp.net(C#)中TreeView控件的数据绑定，本例子绑定是目录结构（即是文件夹），按目录等级来分层绑定的，用于目录管理，可自己添加功能代码实现指定文件夹的新建、名称修改，以及文档的上传、转移及各种管理。
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
01-21
函数功能:实现带checkbox的treeview中 1、选中父结点其子结点也全部选中 2、取消全部子结点的选择后，父结点的选择也随之取消  使用方法:1、在<head></head>中间添加CheckNode(currentNode)、...
关于ASP.NET中treeview控件用法的程序
03-29
ASP.NET中的TreeView控件是一个强大的工具，用于在Web应用程序中展示层次结构的数据，例如网站导航、文件系统结构或数据库树状关系。这个“TreeView3.15”压缩包文件很可能包含了一个实例，演示了如何在ASP.NET环境...
.net 的TreeView控件
Briver Song的专栏
04-11 1098
写完treeview控件后，有网友在小站留言本提出能否告之如何编写在选中某一treenode控件时运行指定的代码，今天抽时间写完了这个教程。　　编写当在treeview控件中选中某个treenode控件时触发运行的代码　　当在你的asp.net页面中添加一个treeview控件的时候，你可能想要编写一些代码，当在这个treeview控件中选中了一个节点项时，触发运行这段代码。treeview控
ASP.NET动态生成树(treeView)
05-25
前一段时间要做权限，动态生成左边的导航树（treeView），可惜没有找到较为详细的资料，然后自己写了一个可以实现动态添加根节点和向根节点下面添加子节点，现直接将cs文件共享出来，希望对大家有帮助。
C# .NET VS 2010 TreeView 示例源码
10-18
用VS2010 C#开发的TreeView示例源码 今天同事让我做一个TreeView的示例给她的同学，我索性花了半个小时帮她做了一下。常用的功能例如添加、删除、选中、递归调用遍历树等等等都有。 希望对编程爱好者有所帮助。如有意见，请留言。 说明：此代码为即兴编写，想到哪儿写到哪儿，如有不足之处，敬请之处。
ASP.NET TreeView右键菜单可以与后台交互
09-03
ASP.NET TreeView右键菜单可以与后台交互 请看Default.aspx页面，在断点可以看到调用后台方法protected void LinkButton7_Click(object sender, EventArgs e) { Label1.Text = TreeView1.SelectedNode.Text; }
XMLtoTree将xml加载到TreeView上（带添加和删除功能）
05-17
将xml加载到treeview，为了省事，我只是将xml的元素名加载到了TreeNode的txt中，当然，tag也设置为对应的元素了。 还增加了简单的元素添加及删除功能。 希望对初学者有用
ASP.NET TreeView树型菜单操作实例
04-06
要求用asp.net实现一个树形机构，根节点为 福建省，展开+号后为福州市、泉州市、宁德市等9个地市，再展开+号福州市，则现实台江区、鼓楼区等节点。点击节点的名称弹出提示框，提示框的内容为：“你当前选择的节点名称为：XXX”--其中XXX为当前选中节点的名称。 根据以上要求设计一个数据库表，节点名称可根据数据库中的内容动态显示。
ASP.NET的TreeView
guoxiaoqin的专栏
02-14 3360
 <br />树是组织信息的强有力工具，软件开发人员手中一定要有一棵称手的“树”。这篇文章以VS2008为例讨论ASP.NET提供的树控件“TreeView”，看看它是否足够强大，能否满足商业应用。1        首次使用遇到的问题<br />很简单的，我在页面（WebForm）中添加一个“TreeView”，然后在设计视图里添加了几个静态节点，出于美观的需要，我想把节点用线连接起来，微软果然厚道，通过“自定义行图标”直接设置“LineStyle”为“Solid”，搞定！下面是显示效果：<br /><br
Advanced TreeView for .NET
mzoy的专栏
08-28 2866
IntroductionWorking on several different projects, I was needed to display and edit hierarchical data. Of course, the first thing you will do is to use the standard .NET TreeView control. It works
【ASP.NET】TreeView控件
Kevin's life
11-02 3075
一、TreeView TreeView 为一种用树形来组织数据的方式。例如我们经常看到的网页的菜单，有一级菜单，二级菜单，甚至还会有三级菜单。可以简单的把这些菜单看成一个树，每一个链接都是树的一个节点。。包含其他节点的节点称为“父节点”。包含在其他节点中的节点称为“子节点”。没有任何子节点的节点称为“叶节点”。不被任何其他节点包含并且是所有其他节点的上级节点的节点称为“根节点”。一个节点可以同时是...
ASP.NET的TreeView控件使用
热门推荐
qq_38345598的博客
02-28 1万+
一、定义1TreeViewTreeView 为一种用树形来组织数据的方式。例如我们经常看到的网页的菜单，有一级菜单，二级菜单，甚至还会有三级菜单。可以简单的把这些菜单看成一个树，每一个链接都是树的一个节点。。包含其他节点的节点称为“父节点”。包含在其他节点中的节点称为“子节点”。没有任何子节点的节点称为“叶节点”。不被任何其他节点包含并且是所有其他节点的上级节点的节点称为“根节点”。一个节点可以同...
ASP.NET中TreeView控件实现导航与站点地图构建
ASP.NET中的TreeView控件是一种强大的导航工具，它以树形目录的形式展示网站或应用程序的结构，帮助用户直观地浏览和定位内容。此控件主要用于实现站点导航，让用户能够方便地在复杂的信息架构中进行浏览。 首先，...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值