TreeView导航控件用站点地图(web.sitemap)和Xml(xmlFile.xml)来绑定,很简单,也很实用。但,如果要实现增加,删除,修改,查询等操作,还需要动态生成,这在后台管理系统中经常会用到。
本文讲解的是一个三层架构中从SQL Server数据库中获得的Ilist接口数据,动态生成TreeView的一个实例。为演示方便,这个数据我们用程序生成,想关的辅助代码尽可能地进行了简化。
一、准备工作
1、 App_Code中添加类FileInfo.cs,代码如下:
public class FileInfo
{
private int id;
private string name;
private int parentid;
public int Id
{
set { id = value; }
get { return id; }
}
public string Name
{
set { name = value; }
get { return name; }
}
public int ParentId
{
set { parentid = value; }
get { return parentid; }
}
}
1、 右击网站Web→添加→Web窗体→Step1.aspx,Step1.aspx.cs中代码如下:
using System;
using System.Collections.Generic;
public partial class Step1 : System.Web.UI.Page
{
IList<FileInfo> files=new List<FileInfo>();
protected void Page_Load(object sender, EventArgs e)
{
PrepareData();
repIList.DataSource = files;
repIList.DataBind();
}
//准备填充TreeView控件的IList接口数据
void PrepareData()
{
for (int i = 0; i < 10; i++)
{
FileInfo fileinfo = new FileInfo();
files.Add(fileinfo);
}
files[0].Id = 4; files[0].Name = "a1"; files[0].ParentId = 0;
files[1].Id = 5; files[1].Name = "a2"; files[1].ParentId = 0;
files[2].Id = 6; files[2].Name = "a3"; files[2].ParentId = 0;
files[3].Id = 7; files[3].Name = "a11"; files[3].ParentId = 4;
files[4].Id = 8; files[4].Name = "a12"; files[4].ParentId = 4;
files[5].Id = 9; files[5].Name = "a21"; files[5].ParentId = 5;
files[6].Id = 10; files[6].Name = "a31"; files[6].ParentId = 6;
files[7].Id = 11; files[7].Name = "a32"; files[7].ParentId = 6;
files[8].Id = 12; files[8].Name = "a321"; files[8].ParentId = 11;
files[9].Id = 13; files[9].Name = "a322"; files[9].ParentId = 11;
}
}
1、 Step1.aspx中添加Repeater控件,显示Ilist接口的数据files,为节省篇幅,代码略,数据显示效果如图示:
二、显示一级数据项,也就是ParentId为0的数据
1、 新建Step2.aspx;
2、 Step2.aspx中添加TreeView控件,代码如下:
<div>
<asp:TreeView ID="tvFile" runat="server"></asp:TreeView>
</div>
3、 Step2.aspx.cs中,完整代码如下:
using System;
using System.Collections.Generic;
using System.Web.UI.WebControls;
public partial class Step2 : System.Web.UI.Page
{
IList<FileInfo> files=new List<FileInfo>();
protected void Page_Load(object sender, EventArgs e)
{
PrepareData();
FillTreeView(null, 0);
}
void FillTreeView(TreeNode node, int parentid)
{
IList<FileInfo> listTemp = ListFilter(parentid);
foreach (FileInfo model in listTemp)
{
TreeNode nodeTemp = new TreeNode();
nodeTemp.Text = model.Name;
nodeTemp.Value = model.Id.ToString();
tvFile.Nodes.Add(nodeTemp);
}
}
//获取指定ParentId的数据
List<FileInfo> ListFilter(int parentid)
{
List<FileInfo> listTemp = new List<FileInfo>();
foreach (FileInfo model in files)
if (model.ParentId == parentid)
listTemp.Add(model);
return listTemp;
}
//准备填充TreeView控件的IList接口数据
void PrepareData()
{
for (int i = 0; i < 10; i++)
{
FileInfo fileinfo = new FileInfo();
files.Add(fileinfo);
}
files[0].Id = 4; files[0].Name = "a1"; files[0].ParentId = 0;
files[1].Id = 5; files[1].Name = "a2"; files[1].ParentId = 0;
files[2].Id = 6; files[2].Name = "a3"; files[2].ParentId = 0;
files[3].Id = 7; files[3].Name = "a11"; files[3].ParentId = 4;
files[4].Id = 8; files[4].Name = "a12"; files[4].ParentId = 4;
files[5].Id = 9; files[5].Name = "a21"; files[5].ParentId = 5;
files[6].Id = 10; files[6].Name = "a31"; files[6].ParentId = 6;
files[7].Id = 11; files[7].Name = "a32"; files[7].ParentId = 6;
files[8].Id = 12; files[8].Name = "a321"; files[8].ParentId = 11;
files[9].Id = 13; files[9].Name = "a322"; files[9].ParentId = 11;
}
}
4. 右击Step2.aspx,在浏览器中查看运行结果,如图所示:
二、显示二级数据项
显示二级数据项,也就是在显示一级数据项的时候,循环中,每添加一项,都把父节点ParentId为该数据项的Id的数据项也添加到该数据项的子节点中。
1、 复制粘贴Step2.aspx,重命名为Step3.aspx,修改Step3.aspx.cs中的代码,完整代码如下:
using System;
using System.Collections.Generic;
using System.Web.UI.WebControls;
public partial class Step3 : System.Web.UI.Page
{
IList<FileInfo> files=new List<FileInfo>();
protected void Page_Load(object sender, EventArgs e)
{
PrepareData();
FillTreeView(null, 0);
}
void FillTreeView(TreeNode node, int parentid)
{
IList<FileInfo> listTemp = ListFilter(parentid);
foreach (FileInfo model in listTemp)
{
TreeNode nodeTemp = new TreeNode();
nodeTemp.Text = model.Name;
nodeTemp.Value = model.Id.ToString();
tvFile.Nodes.Add(nodeTemp);
FillTreeView1(nodeTemp, model.Id);
}
}
void FillTreeView1(TreeNode node, int parentid)
{
IList<FileInfo> listTemp = ListFilter(parentid);
foreach (FileInfo model in listTemp)
{
TreeNode nodeTemp = new TreeNode();
nodeTemp.Text = model.Name;
nodeTemp.Value = model.Id.ToString();
node.ChildNodes.Add(nodeTemp);
}
}
//获取指定ParentId的数据
List<FileInfo> ListFilter(int parentid)
{
List<FileInfo> listTemp = new List<FileInfo>();
foreach (FileInfo model in files)
if (model.ParentId == parentid)
listTemp.Add(model);
return listTemp;
}
//准备填充TreeView控件的IList接口数据
void PrepareData()
{
for (int i = 0; i < 10; i++)
{
FileInfo fileinfo = new FileInfo();
files.Add(fileinfo);
}
files[0].Id = 4; files[0].Name = "a1"; files[0].ParentId = 0;
files[1].Id = 5; files[1].Name = "a2"; files[1].ParentId = 0;
files[2].Id = 6; files[2].Name = "a3"; files[2].ParentId = 0;
files[3].Id = 7; files[3].Name = "a11"; files[3].ParentId = 4;
files[4].Id = 8; files[4].Name = "a12"; files[4].ParentId = 4;
files[5].Id = 9; files[5].Name = "a21"; files[5].ParentId = 5;
files[6].Id = 10; files[6].Name = "a31"; files[6].ParentId = 6;
files[7].Id = 11; files[7].Name = "a32"; files[7].ParentId = 6;
files[8].Id = 12; files[8].Name = "a321"; files[8].ParentId = 11;
files[9].Id = 13; files[9].Name = "a322"; files[9].ParentId = 11;
}
}
2、 右击Step3.aspx在浏览器中查看运行结果,如图所示:
四、递归填充三级,乃至多级数据项
仔细观查填充一级数据项的函数void FillTreeView(TreeNodenode,int parentid)和填充二级数据项的函数void FillTreeView1(TreeNodenode,int parentid),除了填充的位置代码不同,其它都一样,这时,我们完全不需要单独调用函数FillTreeView1(),而直接进行递归调用,在填充的是一级根数据项,还是二级子数据项上加个判断即可。
1、复制粘贴Step3.aspx,重命名为Step4.aspx,修改Step4.aspx.cs中的代码,完整代码如下:
using System;
using System.Collections.Generic;
using System.Web.UI.WebControls;
public partial class Step4 : System.Web.UI.Page
{
IList<FileInfo> files=new List<FileInfo>();
protected void Page_Load(object sender, EventArgs e)
{
PrepareData();
FillTreeView(null, 0);
}
void FillTreeView(TreeNode node, int parentid)
{
IList<FileInfo> listTemp = ListFilter(parentid);
foreach (FileInfo model in listTemp)
{
TreeNode nodeTemp = new TreeNode();
nodeTemp.Text = model.Name;
nodeTemp.Value = model.Id.ToString();
if(parentid==0)
tvFile.Nodes.Add(nodeTemp);
else
node.ChildNodes.Add(nodeTemp);
FillTreeView(nodeTemp, model.Id);
}
}
//获取指定ParentId的数据
List<FileInfo> ListFilter(int parentid)
{
List<FileInfo> listTemp = new List<FileInfo>();
foreach (FileInfo model in files)
if (model.ParentId == parentid)
listTemp.Add(model);
return listTemp;
}
//准备填充TreeView控件的IList接口数据
void PrepareData()
{
for (int i = 0; i < 10; i++)
{
FileInfo fileinfo = new FileInfo();
files.Add(fileinfo);
}
files[0].Id = 4; files[0].Name = "a1"; files[0].ParentId = 0;
files[1].Id = 5; files[1].Name = "a2"; files[1].ParentId = 0;
files[2].Id = 6; files[2].Name = "a3"; files[2].ParentId = 0;
files[3].Id = 7; files[3].Name = "a11"; files[3].ParentId = 4;
files[4].Id = 8; files[4].Name = "a12"; files[4].ParentId = 4;
files[5].Id = 9; files[5].Name = "a21"; files[5].ParentId = 5;
files[6].Id = 10; files[6].Name = "a31"; files[6].ParentId = 6;
files[7].Id = 11; files[7].Name = "a32"; files[7].ParentId = 6;
files[8].Id = 12; files[8].Name = "a321"; files[8].ParentId = 11;
files[9].Id = 13; files[9].Name = "a322"; files[9].ParentId = 11;
}
}
2、 右击Step3.aspx,在浏览器中查看运行结果,如图示:
2、 这时我们发现,不仅二级数据项已经填充上去了,连三级、乃至更多级的数据项也会填充上去。
3、 仔细想想,道理很简单,因为,填充二级乃至多级的数据项操作,和填充二级原理是一样的,都是在填充上一级的同时,查找父级ParentId为该级的Id的数据项,填充到该级的节点中。
一、结束语
递归调用,很多时候很绕人,过程不容易理解得很清晰,但象本例一样,先不考虑什么递归算法,先按照简单的思路做,在做的过程中发现的递归的妙用,不仅过这个过程能有个非常清晰的理解,也更体会到了递归的好处。
版权所有©2012,西园工作室.欢迎转载,转载请注明出处.源代码:QQ群共享13033480(IList接口数据动态、递归生成TreeView【源代码】)