C# Web控件与数据感应之 TreeView 类 续篇

前端 0

  

目录

关于内置 TreeView

两者的区别

准备数据源

范例运行环境

一些实用方法

获取数据进行呈现

获取所有的结点 

小结


关于内置 TreeView

数据感应也即数据捆绑,是一种动态的,Web控件与数据源之间的交互,在我的前期文章《C# Web控件与数据感应之 TreeView 类》,对于 Microsoft.Web.UI.WebControls.TreeView 已做了详细介绍,本文则继续介绍 C# 实现  System.Web.UI.WebControls.TreeView 的一些实用方法。

两者的区别

Microsoft.Web.UI.WebControls.TreeView 属于微软的过去时控件,现在则升级为内置的 System.Web.UI.WebControls 集合,System.Web.UI.WebControls.TreeView 也已正式成为内置控件,并且属性方法均有一些变化。

准备数据源

我们在 MS SQL Server 创建 pub_area(区域表),其结构如下表:

序号字段名类型说明
1acodenvarchar(10)区域代码,唯一键
2anamenvarchar(50)区域名称
3parent_acodenvarchar(10)父项所属区域代码

执行如下 创建表的 SQL 语句:

SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGOCREATE TABLE [dbo].[pub_area](	[acode] [nvarchar](10) NOT NULL,	[aname] [nvarchar](50) NOT NULL,	[parent_acode] [nvarchar](10) NULL, CONSTRAINT [IX_pub_area] UNIQUE NONCLUSTERED (	[acode] ASC)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]) ON [PRIMARY]GO

执行如下SQL语句,创建一些数据:

insert into pub_area(acode,aname,parent_acode) values('01','天津市','')insert into pub_area(acode,aname,parent_acode) values('0101','南开区','01')insert into pub_area(acode,aname,parent_acode) values('010101','学府街道','0101')insert into pub_area(acode,aname,parent_acode) values('010102','万兴街道','0101')

通过查询分析器,执行查询SQL语句,显示如下图:

最后我们将数据填充到 DataSet 即可,具体操作可参考我的文章《C# 利用IDbDataAdapter / IDataReader 实现通用数据集获取》 

范例运行环境

操作系统: Windows Server 2019 DataCenter

数据库:Microsoft SQL Server 2016

.net版本: .netFramework4.0 或以上

开发工具:VS2019  C#

一些实用方法

获取数据进行呈现

simpleSystemTreeview方法主要是通过DataSet数据源进行提取呈现在 TreeView 控件上,方法返回 int 类型,表示成功返回当前节点的节点数,其参数设置见下表:

序号参数名类型说明
1tvSystem.Web.UI.WebControls.TreeNodeCollection传入的TreeView的当前结点集合对象
2dsDataSet数据集对象,默认只取Tables[0]
3keystring数据表的唯一标识字段名
4parentkeystring数据表的父结点字段名
5disstring数据表的显示名称字段名
6keytypestring标识类型,这是我们自定的规范,比如CID(字符)、ID(数值)固定名称的处理方式,默认处理方式对key或parentKey进行字符串过滤处理
7initvaluestring是否指定一个初始值
8firstlevelbool是否指遍历一级,如果为true,则不在进行递归
9initByKeybool初始值使用哪个关键字段,false使用父节点,true使用唯一标识,默认为false

实现代码如下:

        public int simpleSystemTreeview(System.Web.UI.WebControls.TreeNodeCollection tv, DataSet ds, string key, string parentkey, string dis, string keytype, string initvalue, bool firstlevel, bool initByKey)        {                        int rv = 0;            DataView dv = new DataView();            dv.Table = ds.Tables[0];            System.Web.UI.WebControls.TreeNode tmpNd;            if ((keytype == "uniqueidentifier") && (initvalue == ""))            {                dv.RowFilter = " " + (initByKey == false ? parentkey : key) + " is null ";            }            else            {                dv.RowFilter = "isnull(" + (initByKey == false ? parentkey : key) + ",'')='" + initvalue + "'";            }            rv = dv.Count;            foreach (DataRowView drv in dv)            {                tmpNd = new System.Web.UI.WebControls.TreeNode();                tmpNd.Value = drv[key].ToString();                tmpNd.Text = drv[dis].ToString();                //    tmpNd.ImageUrl="../images/"+drv["Caption"].ToString();                //    tmpNd.NavigateUrl="../"+drv["Caption"].ToString();                tv.Add(tmpNd);                if (!firstlevel)                    simpleSystemTreeview(tmpNd.ChildNodes, ds, key, parentkey, dis, keytype, tmpNd.Value, firstlevel, false);            }            return rv;        }

前端示例代码如下:

<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="FALSE" %><%@ Import Namespace="System.Data" %><%@ Import Namespace="System.Web.UI.WebControls" %><script language="C#" runat="server">    public CosysJaneCommonAPI.CODAL dal = new CosysJaneCommonAPI.CODAL();    void Page_Load(Object sender, EventArgs e)    {        if (Page.IsPostBack) { return; }        object rvvv=dal.GetDataSet("select acode,aname,parent_acode from pub_area", null);        DataSet _ds = rvvv as DataSet;        int rvvv_count = dal.simpleSystemTreeview(tv.Nodes, _ds, "acode", "parent_acode", "aname", "uniqueidentifier", "",false,false);        Response.Write(rvvv_count);    } </script><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"/>    <title></title>    </style></head><body><form runat="server"><div style=" margin-top:50px;margin-left:50px">       <asp:TreeView ID="tv" runat="server" Height="300" ShowLines="true"  Width="500" AutoPostBack="false" ExpandLevel="3" BackColor="White" style="font-family: 微软雅黑"                                 EnableTheming="True"  BorderColor="#003300" BorderStyle="Solid" BorderWidth="1px">        </asp:TreeView></div> </form></body> <script type="text/javascript"></script> </html>

成功后显示如下图:

获取所有的结点 

GetSystemTreeViewAllNodes 方法获取当前给定集合的所有结点对象,并存储到指定的ArrayList当中,其参数说明见下表:

序号参数名类型说明
1tvSystem.Web.UI.WebControls.TreeNodeCollection传入的TreeView的当前结点集合对象
2rv2ArrayList要存储的 ArrayList

实现代码如下:

public void GetSystemTreeViewAllNodes(System.Web.UI.WebControls.TreeNodeCollection tv, ArrayList rv2){     for (int i = 0; i < tv.Count; i++)     {         rv2.Add(tv[i]);         GetSystemTreeViewAllNodes(tv[i].ChildNodes, rv2);     }}

调用示例如下,获取南开区的所有街道的结点对象:

ArrayList rv2 = new ArrayList();GetSystemTreeViewAllNodes(tv.Nodes, rv2);Response.Write(rv2.Count);

小结

1、由于System.Web.UI.WebControls.TreeView是内置控件,因此在Web页中直接引用命名空间即可直接使用,使用 VS 开发我们需要在 IDE环境解决方案中添加  System.Web 引用,如下图:

2、System.Web.UI.WebControls.TreeNode() 在递归遍历的时候,需要提供 ChildNodes,Microsoft.Web.UI.WebControls.TreeView 则传递 Nodes

3、System.Web.UI.WebControls.TreeNode() 的使用 Value表示值, Microsoft.Web.UI.WebControls.TreeView 则使用 ID 表示唯一标识

4、System.Web.UI.WebControls.TreeView 在 Web 页面引用命名空间后可以直接使用值, Microsoft.Web.UI.WebControls.TreeView 则需要使用 Register 命令,并需要下载对应的Dll库到网站的 Bin 目录下。

因此建议使用 System.Web.UI.WebControls.TreeView 进行开发,详细介绍和用法可参照如下链接:

TreeView 类 (System.Web.UI.WebControls) | Microsoft Learn

感谢您的阅读,希望本文能够对您有所帮助。

也许您对下面的内容还感兴趣: