您的位置:首页精文荟萃软件资讯 → 利用Treeview实现树形列表

利用Treeview实现树形列表

时间:2004/10/8 13:18:00来源:本站整理作者:蓝点我要评论(0)

以前,在WEB页面中如果想使用树形控件的话,往往会有些麻烦,有时甚至要自己写代码来达到用树形列表显示数据的目的。在asp.net中,我们可以很方便地使用由微软提供的Internet Exploer Web Controls控件来实现树形列表。在微软提供的这套Internet Exploere Web Controls控件集合中,包括有MultiPage,TabStrip,TOOLbar,Treeview控件。在这篇文章中,我们来看在ASP.net中如何使用Treeview控件和XML来实现树形列表。

微软的这套控件可以在http://asp.net/IEWebControls/Download.aspx?tabindex=0&tabid=1中下载,下载后运行setup安装就可以了。现在我们来试下用Treeview控件做个简单的例子。

在vs.net中新建一个WEB工程,之后在工具箱中,鼠标右键弹出的菜单中,选择“添加新项”,在自定义工具箱中,选择TREEVIEW控件(注意选择的是命名空间为Microsoft Internet Exploere web control的命名空间),按确定后,就可以在工具箱中出现Treeview控件了。

接着,将treeview控件拖拉到窗体中,切换到HTML视图,这时会发现有如下代码:

<%@ Register TagPrefix="ie"
Namespace="Microsoft.Web.UI.WebControls"
Assembly="Microsoft.Web.UI.WebControls" %>

当然,你可以改变TagPrefix的标记值,比如,改为FooBar,那么以后在引用Treeview控件时,就用如下方式引用:

现在,我们可以通过点选Treeview控件的属性框中的nodes属性,来为该树添加各类结点了,由于比较简单,这里不详细讲述。下面是添加完各类结点后的代码:





















。。。。。。


其中我们特别注意一下Expanded="True"中的Expanded属性,该属性当被设置为true时,则当页面被装载时,树形控件被全部展开。

以上是在设计时,静态添加数据到树形控件的方法。而由于XML实质上也是以树形结构来表示数据的结构,因此,就可以通过使用XML文件绑定到树形控件的方法,来动态加载数据到控件中去,其中有两种方法可以实现:

1)另外写一个符合TREEVIEW格式的XML文件

2)通过XSL将XML进行转换。

先来看下第一种方法,建一个XML文件作为例子,命名为aspnetbooks.xml:




Teach Yourself Active Server Pages 3.0 in 21 Days

Mitchell
Atkinson

1999
 


Designing Active Server Pages

Mitchell

2000


ASP.NET: Tips, Tutorials, and Code

Mitchell
Mack
Walther
Seven
Anders
Nathan
Wahlin

2001


ASP Unleashed

Walther

1998

如果我们使用第一种方法,必须对XML进行重写,用以下的形式表示,才能绑定到树形控件中去。




...

就是说,根结点必须是treenodes(大小写都无所谓),每个子结点必须以的形式排列。于是,我们对原来的XML文件改写为如下的形式:










 








〈/TREENODES>

增加以下代码:



<ie:TreeNode runat="server" Text="ASP.NET Books" Expanded="True"
TreeNodeSrc="aspnetbooks.xml" />

这样就将该xml文件绑定到树形控件中去了,运行后可以看到结果:

ASP.NET Books
Teach Yourself Active Server Pages 3.0 in 21 Days
Designing Active Server Pages
ASP.NET: Tips, Tutorials, and Code
Programming ASP.NET

可以看到,使用第一种方法的确比较麻烦,不能对XML的结点进行筛选或者其他操作。而如果使用第二种方法的XSL,则可以根据需要随时对原来的XML进行格式的控制,十分方便。

在使用XSL时,可以用如下的方法对树形控件进行绑定:



<ie:TreeNode runat="server" Text="ASP.NET Books" Expanded="True"
TreeNodeSrc="aspnetbooks.xml"
TreeNodeXsltSrc="aspbooks.xsl" />

其中,treenodexsltsrc的属性中指定要转换的XSL文件,我们设计的XSL文件如下:










Price - $











Year Published -





在上面的XSL中,我们通过形如



的属性设置,提取XML文件中每个结点的值,将其赋值给予treenode的text属性中。当然,也可以在XSL中使用XPATH等设置要显示的结点。

运行后,结果同样与用第一种方法的一样,能正确显示树形控件,而且灵活性比较高。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 360快剪辑怎么使用 36金山词霸如何屏幕取词百度收购PPS已敲定!3

最新文章 微信3.6.0测试版更新了微信支付漏洞会造成哪 360快剪辑怎么使用 360快剪辑软件使用方法介酷骑单车是什么 酷骑单车有什么用Apple pay与支付宝有什么区别 Apple pay与贝贝特卖是正品吗 贝贝特卖网可靠吗

人气排行 xp系统停止服务怎么办?xp系统升级win7系统方电脑闹钟怎么设置 win7电脑闹钟怎么设置office2013安装教程图解:手把手教你安装与qq影音闪退怎么办 QQ影音闪退解决方法VeryCD镜像网站逐个数,电驴资料库全集同步推是什么?同步推使用方法介绍QQ2012什么时候出 最新版下载EDiary——一款好用的电子日记本