C# DataSet结合FlyTreeView显示树状模型数据

目录

[关于 FlyTreeView](#关于 FlyTreeView)

[DataSet 数据准备](#DataSet 数据准备)

涉及表结构创建脚本

范例运行环境

方法设计

代码实现

方法代码

调用示例

小结


关于 FlyTreeView

NineRays.WebControls.FlyTreeView 是 9rays.net 推出的一款功能强大的树状模型数据显示控件,本文将介绍使用其 Asp.net 版本控件,并结合 DataSet 对象进行数据显示。

显示效果如下图:

DataSet 数据准备

我们在 MS SQL Server 创建 groupUsers(群组用户表),其结构如下表:

| 序号 | 字段名 | 类型 | 说明 |
| 1 | cid | uniqueidentifier | 唯一标识 |
| 2 | Group_Cid | uniqueidentifier | 所属群组ID标识(引用群组表groups) |
| 3 | Account_Cid | uniqueidentifier | 人员帐户ID(引用用户表Accounts,用于显示昵称、姓名等) |
| 4 | parent_Cid | uniqueidentifier | 父结点ID,所属管理者ID |
| 5 | sortcode | int | 同级排序号 |
| 6 | sys_insuser | nvarchar(100) | 创建者用户名 |
| 7 | sys_instime | datetime | 创建时间 |
| 8 | sys_upduser | nvarchar(100) | 最后修改者用户名 |

9 sys_updtime datetime 最后修改时间

该表所涉及的引用表这里不在赘述,我们假设有如下 SQL 语句:

sql 复制代码
select a.cid,a.parent_cid,nickname+'('+name+')' truename
from groupUsers a,accounts b 
where a.group_cid=@group_cid 
and a.account_cid=b.cid

我们需要重点得到 cid(唯一标识)、parent_cid(父节点ID) 和 truename (显示名称) 三个字段。查询并写入到 DataSet 中。

涉及表结构创建脚本

群组用户表

sql 复制代码
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

CREATE TABLE [dbo].[groupUsers](
	[cid] [uniqueidentifier] ROWGUIDCOL  NOT NULL,
	[Group_Cid] [uniqueidentifier] NOT NULL,
	[Account_Cid] [uniqueidentifier] NOT NULL,
	[parent_Cid] [uniqueidentifier] NULL,
	[sortcode] [int] NULL,
	[sys_insuser] [nvarchar](100) NULL,
	[sys_instime] [datetime] NULL,
	[sys_upduser] [nvarchar](100) NULL,
	[sys_updtime] [datetime] NULL,
 CONSTRAINT [PK_groupUsers] PRIMARY KEY CLUSTERED 
(
	[cid] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY],
 CONSTRAINT [IX_cc_groupUsers] UNIQUE NONCLUSTERED 
(
	[Group_Cid] ASC,
	[parent_Cid] ASC,
	[Account_Cid] 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

ALTER TABLE [dbo].[groupUsers] ADD  CONSTRAINT [DF_groupUsers_cid]  DEFAULT (newid()) FOR [cid]
GO

用户表

sql 复制代码
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

CREATE TABLE [dbo].[accounts](
	[cid] [uniqueidentifier] ROWGUIDCOL  NOT NULL,
	[name] [nvarchar](50) NULL,
	[nickname] [nvarchar](500) NULL
 
)GO

ALTER TABLE [dbo].[accounts] ADD  CONSTRAINT [DF_accounts_cid]  DEFAULT (newid()) FOR [cid]
GO

范例运行环境

操作系统: Windows Server 2019 DataCenter

数据库:Microsoft SQL Server 2016

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

开发工具:VS2019 C#

方法设计

simpletreeview方法返回结点总数,其参数说明见下表:

| 序号 | 参数名 | 类型 | 说明 |
| 1 | tv | FlyTreeNodeCollection | 传入的FlyTreeView的当前结点集合对象 |
| 2 | ds | DataSet | 数据集对象,默认只取Tables[0] |
| 3 | key | string | 数据表的唯一标识字段名 |
| 4 | parentkey | string | 数据表的父结点字段名 |
| 5 | dis | string | 数据表的显示名称字段名 |
| 6 | keytype | string | 标识类型,这是我们自定的规范,比如CID(字符)、ID(数值)固定名称的处理方式,默认处理方式对key或parentKey进行字符串过滤处理 |
| 7 | initvalue | string | 是否指定一个初始值 |
| 8 | firstlevel | bool | 是否指遍历一级,如果为true,则不在进行递归 |

9 initByKey bool 初始值使用哪个关键字段,false使用父节点,true使用唯一标识,默认为false

代码实现

方法代码

cs 复制代码
int simpletreeview(fwebcontrols.FlyTreeNodeCollection 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];

                fwebcontrols.FlyTreeNode tmpNd;
                switch (keytype)
                {
                    case "cid": dv.RowFilter = initvalue == "" ? " " + (initByKey == false ? parentkey : key) + " is null " : " " + (initByKey == false ? parentkey : key) + "='" + initvalue + "'"; break;
                    case "id": dv.RowFilter = initvalue == "" ? " " + (initByKey == false ? parentkey : key) + " is null " : "" + (initByKey == false ? parentkey : key) + "=" + initvalue + ""; break;
                    default: dv.RowFilter = "isnull(" + (initByKey == false ? parentkey : key) + ",'')='" + initvalue + "'"; break;
                }
                rv = dv.Count;
                foreach (DataRowView drv in dv)
                {
                    tmpNd = new fwebcontrols.FlyTreeNode();
                    tmpNd.Text = drv[dis].ToString();
                    tmpNd.Value = drv[key].ToString();
                    tv.Add(tmpNd);
                    if (!firstlevel)
                        simpletreeview(tmpNd.ChildNodes, ds, key, parentkey, dis, keytype, tmpNd.Value,firstlevel,false);
                }
                return rv;
}

调用示例

我们首先需要在页面注册控件,代码如下:

cs 复制代码
<%@ Register Assembly="Microsoft.Web.UI.WebControls" Namespace="Microsoft.Web.UI.WebControls" TagPrefix="codn" %>

前端代码如下:

html 复制代码
<NineRays:FlyTreeView ID="userTree" ExpandLevel="4" Width="100%" CssClass="form-control" runat="server" Style="padding-top: 10px; padding-bottom: 10px; height: 400px;" CanBeSelected="true" BackColor="White"
                    PostBackOnSelect="False"
                    EnableTheming="True" ImageSet="Office2003" ImageSetCustomPath="/images/vista/"
                    ContentClickTogglesCheckbox="True" IsCheckbox="True">
                    <SelectedStyle BackColor="#BFCFFF" />
</NineRays:FlyTreeView>

后端调用代码如下:

cs 复制代码
userTree.Nodes.Clear();
object ds=InitDataSet();
string initvalue="";
if(RowsCount==0) return 0;

simpletreeview(userTree.Nodes, (DataSet)ds, "cid", "parent_cid", "truename", "cid","", false, initvalue != "" ? true : false);

userTree.ContentClickCollapses = true;
userTree.ContentClickExpands = true;

小结

1、示例代码中如何获取 DataSet 数据需要我们自行进行编写代码处理,这里只是抽象展示。

2、使用控件前需要下载dll并放置到您的网站bin目录下,可以到我的资源进行下载,链接如下:

https://download.csdn.net/download/michaelline/89211649

请注意,该控件是付费资源,未经许可在使用中可能会出现运行错误或其它问题,目前我的下载资源可以免费使用,在使用过程暂未发现此问题,更多咨询请访问如下链接:

https://www.9rays.net/Category/62-treeview-asp-net.aspx

3、在 VS 中开发我们需要在 IDE环境解决方案中添加此 dll,并引用,如下代码:

cs 复制代码
using fwebcontrols = NineRays.WebControls;

4、提供一个后端辅助方法 getFlyTreeViewAllNodes,可以获得FlyTreeView的所有结点信息,并放置到 ArrayList 中。

其参数说明见下表:

| 序号 | 参数名 | 类型 | 说明 |
| 1 | tv | FlyTreeNodeCollection | 要遍历的TreeView集合 |

2 rv2 ArrayList 要存储的 ArrayList 变量

方法代码如下:

cs 复制代码
public void getFlyTreeViewAllNodes(fwebcontrols.FlyTreeNodeCollection tv, ArrayList rv2)
{
     for (int i = 0; i < tv.Count; i++)
     {
         rv2.Add(tv[i].Value);
         getFlyTreeViewAllNodes(tv[i].ChildNodes, rv2);
     }
}

方法会在指定的 ArrayList 里存储 TreeView 的 Value 值 。

关于 NineRays.WebControls.FlyTreeView 更多操作这里不再做进一步说明,请参考其官网说明。

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

相关推荐
杨荧21 分钟前
【JAVA毕业设计】基于Vue和SpringBoot的服装商城系统学科竞赛管理系统
java·开发语言·vue.js·spring boot·spring cloud·java-ee·kafka
白子寰27 分钟前
【C++打怪之路Lv14】- “多态“篇
开发语言·c++
王俊山IT39 分钟前
C++学习笔记----10、模块、头文件及各种主题(一)---- 模块(5)
开发语言·c++·笔记·学习
为将者,自当识天晓地。41 分钟前
c++多线程
java·开发语言
小政爱学习!43 分钟前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
k09331 小时前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
神奇夜光杯1 小时前
Python酷库之旅-第三方库Pandas(202)
开发语言·人工智能·python·excel·pandas·标准库及第三方库·学习与成长
Themberfue1 小时前
Java多线程详解⑤(全程干货!!!)线程安全问题 || 锁 || synchronized
java·开发语言·线程·多线程·synchronized·
plmm烟酒僧1 小时前
Windows下QT调用MinGW编译的OpenCV
开发语言·windows·qt·opencv
测试界的酸菜鱼1 小时前
Python 大数据展示屏实例
大数据·开发语言·python