asp.net 2.0中TREEVIEW中动态增加结点

本文介绍如何使用ASP.NET 2.0动态地从数据库加载树形结构的数据,并展示了一个具体的实例,即从SQL Server 2000的PUBS数据库中获取作者及其作品信息。
 
在asp.net 2.0中,要动态从数据库中取出内容,动态增加结点,其实不难,比如以SQL SERVER 2000的PUBS数据库为例子,要以树型列表方式,取出作者,做为根结点,然后取出每位作者写过什么书,作为子结点,可以这样
<%@ Page Language="C#"%>
<%@ Import Namespace="System.Data"%>
<%@ Import Namespace="System.Data.SqlClient"%>
<%@ Import Namespace="System.Configuration"%>

<!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 
<title>Dynamic Population of the TreeView Control</title>
 
<script runat=server> 
void Node_Populate(object sender, 
 System.Web.UI.WebControls.TreeNodeEventArgs e)
 {
 if(e.Node.ChildNodes.Count 
== 0)
 { 
 switch( e.Node.Depth )
 { 
 case 0: 
 FillAuthors(e.Node); 
 break; 
 case 1:
 FillTitlesForAuthors(e.Node);
 break; 
 } 
 } 
 }

 void FillAuthors(TreeNode node)
 {
 string connString 
= System.Configuration.ConfigurationSettings.
ConnectionStrings["NorthwindConnnection"].ConnectionString;
 SqlConnection connection 
= new SqlConnection(connString); 
 SqlCommand command 
= new SqlCommand("Select * From 
 authors",connection); 
 SqlDataAdapter adapter 
= new SqlDataAdapter(command);
 DataSet authors 
= new DataSet();
 adapter.Fill(authors); 
 if (authors.Tables.Count 
> 0)
 
{
 foreach (DataRow row 
in authors.Tables[0].Rows)
 
{
 TreeNode newNode 
= new 
 TreeNode(row[
"au_fname"].ToString() + " " + 
 row[
"au_lname"].ToString(), 
 row[
"au_id"].ToString());
 newNode.PopulateOnDemand 
= true;
 newNode.SelectAction 
= TreeNodeSelectAction.Expand;
 node.ChildNodes.Add(newNode);
 }

 }

 }

 
void FillTitlesForAuthors(TreeNode node)
 
{
 string authorID 
= node.Value;
 string connString 
= System.Configuration.ConfigurationSettings.
ConnectionStrings[
"NorthwindConnnection"].ConnectionString;
 SqlConnection connection 
= new SqlConnection(connString);
 SqlCommand command 
= new SqlCommand("Select T.title, 
T.title_id From titles T
" +
" Inner Join titleauthor TA on 
T.title_id = TA.title_id 
" + 
 
" Where TA.au_id = '" + authorID + "'", connection);
 SqlDataAdapter adapter 
= new SqlDataAdapter(command);
 DataSet titlesForAuthors 
= new DataSet();
 adapter.Fill(titlesForAuthors);
 
if (titlesForAuthors.Tables.Count > 0)
 
{
 foreach (DataRow row 
in titlesForAuthors.Tables[0].Rows)
 
{
 TreeNode newNode 
= new TreeNode(
row[
"title"].ToString(), row["title_id"].ToString());
 newNode.PopulateOnDemand 
= false;
 newNode.SelectAction 
= TreeNodeSelectAction.None;
 node.ChildNodes.Add(newNode);
 }

 }

 }


 
</script>
</head>
<body>
 
<form id="form1" runat="server">
 
<div> 
 
<asp:TreeViewRunat="Server" ExpandImageUrl="Images/closed.gif"
 CollapseImageUrl
="Images/open.gif"
 OnTreeNodePopulate
="Node_Populate" ID="tvwauthors">
 
<Nodes>
 
<asp:TreeNodeText="Authors" PopulateOnDemand=true
Value="0"/>
 
</Nodes>
 
</asp:TreeView>
 
</div>
 
</form>
</body>
</html>

其中,注意ontreenodepopulate事件,是在展开树的结点时发生的,这里定义了自定义的NODE_POPULATE,在node_populate中,检查当前结点的深度,如果是0,就是根结点,于是就调用FillAuthors过程,取出所有的作者,如果深度是1,则是叶子结点,调用FillTitlesForAuthors过程。其中,要注意它们中的动态建立树结点的过程,如:
  TreeNode newNode = new    TreeNode(row["au_fname"].ToString() + " " +
                           row["au_lname"].ToString(),
                           row["au_id"].ToString());
                    newNode.PopulateOnDemand = true;
                    newNode.SelectAction = TreeNodeSelectAction.Expand;
                    node.ChildNodes.Add(newNode);
其中, popluateondemand属性表明,该结点会动态扩展。
下载前可以先看下教程 https://pan.quark.cn/s/a426667488ae 标题“仿淘宝jquery图片左右切换带数字”揭示了这是一个关于运用jQuery技术完成的图片轮播机制,其特色在于具备淘宝在线平台普遍存在的图片切换表现,并且在整个切换环节中会展示当前图片的序列号。 此类功能一般应用于电子商务平台的产品呈现环节,使用户可以便捷地查看多张商品的照片。 说明中的“NULL”表示未提供进一步的信息,但我们可以借助标题来揣摩若干核心的技术要点。 在构建此类功能时,开发者通常会借助以下技术手段:1. **jQuery库**:jQuery是一个应用广泛的JavaScript框架,它简化了HTML文档的遍历、事件管理、动画效果以及Ajax通信。 在此项目中,jQuery将负责处理用户的点击动作(实现左右切换),并且制造流畅的过渡效果。 2. **图片轮播扩展工具**:开发者或许会采用现成的jQuery扩展,例如Slick、Bootstrap Carousel或个性化的轮播函数,以达成图片切换的功能。 这些扩展能够辅助迅速构建功能完善的轮播模块。 3. **即时数字呈现**:展示当前图片的序列号,这需要通过JavaScript或jQuery来追踪并调整。 每当图片切换时,相应的数字也会同步更新。 4. **CSS美化**:为了达成淘宝图片切换的视觉效果,可能需要设计特定的CSS样式,涵盖图片的排列方式、过渡效果、点状指示器等。 CSS3的动画和过渡特性(如`transition`和`animation`)在此过程中扮演关键角色。 5. **事件监测**:运用jQuery的`.on()`方法来监测用户的操作,比如点击左右控制按钮或自动按时间间隔切换。 根据用户的交互,触发相应的函数来执行...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值