Web服务器端控件的模板编程

最新推荐文章于 2023-12-25 16:13:42 发布

alexathena

最新推荐文章于 2023-12-25 16:13:42 发布

阅读量461

点赞数

文章标签： web服务 templates asp.net datagrid dataset server

本文链接：https://blog.csdn.net/alexathena/article/details/1644813

版权

Web服务器端控件的模板编程

开发windows 和web GUI程序的时候，我们大量的使用数据绑定控件。幸运的是windows forms和web forms都提供丰富的数据绑定控件共我们使用，用他们可以编写十分丰富的数据驱动的程序。

数据绑定控件不仅用来显示数据，它还可以通过对数据绑定控件的布局特性来显示不同的布局。在服务器端的数据绑定控件中， templates （模板）用来定制我们自己需要的数据显示的格式和布局。

Introduction

Templates 在定制 ASP.NET 数据绑定控件的格式和布局方面扮演了一个主要的角色。在我们使用这些 Templates 之前，先让我们对这些基本的 Templates 和怎样使用作一下快速的预览。

Templates 提供了一条通过使用 header, footer 和 items 等控件标记来完成复杂的数据格式化。 Template 是一系列 HTML 标记集，它定义了控件特定的部分的样式。在 HTML 标记里面，一个模板也可以包含其他控件和 ASP.NET inline code.

OK ，为了我们更好的理解，让我们看一个使用 Templates 的简单例子。代码已经列出在 List1 中。这个例子使用 Repeater 控件，它使用了 AlternatingTemplate 和 ItemTempate 两个 Templates 。我们将在接下来的部分进一步讨论不同的 Templates 的使用。在 AlternatingTemplate ，我们设置了 font color = red, face = verdana and size = 3 ，在 ItemTempate 中，我们设置了 color = green, face = Tahoma, and size = 2 。并且使用了 HTML 的 table 标记。从上面的设置可以看得出来，这个 repeater 控件的行和交替行将显示怎么样的字。

Listing 1. Applying a simple template on a Repeater control

<ASP:Repeater id="repeaterControl" runat="server">
<AlternatingItemTemplate>

<table>
<tr>
alternating data
</tr>
</table>

</AlternatingItemTemplate>
<ItemTemplate>

<table>
<tr>
some item
</tr>
</table>

</ItemTemplate>
<FooterTemplate>
</FooterTemplate>
</ASP:Repeater>

模板类型（ Template Types ）

template 描述了控件的每一部分的布局和样式。就像其他的控件标记一样， template 的每一对标记也有开始和关闭的标记。在例子中， HeaderTemplate 描述了控件的表头的样式和布局。 <HeaderTemplate></HeaderTemplate> 代表了控件的表头。下表列出了各种各样的 templates 。

Table 1. ASP.NET Templates

Template	Description
HeaderTemplate	描述控件表头的布局和样式。
FooterTemplate	描述了控件的表尾的布局和样式。
ItemTemplate	描述了控件的每一项的布局和样式。
AlternatingItemTemplate	描述了控件的交替项的布局和样式。
SeparatorTemplate	描述了每两项之间的分隔样式和布局。
SelectedItemTemplate	描述了选中项的样式和布局。
EditItemTemplate	有些控件支持编辑功能。他描述了正在被编辑的项的样式和布局。
Pager template	DataGrid 控件的页面布局和样式。

Which Controls Support Templates?

Templates 并不是被 ASP.NET 所有的数据绑定控件支持，它只是被那些复杂的控件所支持。特别需要指出的是，不同的控件支持不同集合的 Templates 及其特性。

例如：

Repeater 控件支持 HeaderTemplate , FooterTemplate, ItemTemplate, AlternatingItemTemplate, SeperatorTemplate.

DataList 控件支持 HeaderTemplate , FooterTemplate, ItemTemplate, AlternatingItemTemplate, SeparatorTemplate, SelectedItemTemplate, and EditItemTemplate.

DataGrid 控件支持 HeaderTemplate , FooterTemplate, ItemTemplate, EditItemTemplate, and Pager.

Creating Templates

你可以再 aspx 页面的代码中通过使用 templates 标记来直接编写 templates 代码。

在 Listing 1 中，我们可以看到能够轻松的添加 templates 标记和格式化的代码。举例子来说，如果你想添加 templates 到 DataList 中去，首先你得知道有哪些 templates 是可以使用的。 DataList 支持 header, footer, item, alternating item, selected item, edit item templates.

下面我们来看看仅使用 header, item, alternating item 和 footer templates 的例子。代码在 List2 中列出。 Datalist 的 RepeateColumns 属性定义了可以显示的行数。

Listing 2. Adding templates to a DataList control

<ASP:DataList
id="dtList"
RepeatColumns="5"
RepeatDirection="Horizontal"
runat="server">
<HeaderTemplate>
</HeaderTemplate>
<AlternatingItemTemplate>
</AlternatingItemTemplate>
<ItemTemplate>
</ItemTemplate>
<FooterTemplate>
</FooterTemplate>
</ASP: DataList >

上面的代码运行的结果是什么都没有， Datalist 控件每一部分的具体内容的格式化代码需要我们添加上去。 Listing3 是上面一个例子的扩展，在这里面我们添加了具体的格式化的 HTML 标记和代码。

Listing 3. Adding templates format of a DataList control

<HeaderTemplate>

DataList Control Header

</HeaderTemplate>

<AlternatingItemTemplate>

 
Category ID: 
<%# DataBinder.Eval(Container.DataItem, "CategoryID") %>
 
Category Name: 
<%# DataBinder.Eval(Container.DataItem, "CategoryName")%>
 
Description: 
<%# DataBinder.Eval(Container.DataItem, "Description") %>
 
Picture: 
<%# DataBinder.Eval(Container.DataItem, "Picture") %>

</div>

</AlternatingItemTemplate>

<ItemTemplate>

 
Category ID: 
<%# DataBinder.Eval(Container.DataItem, "CategoryID") %>
 
Category Name: 
<%# DataBinder.Eval(Container.DataItem, "CategoryName")%>
 
Description: 
<%# DataBinder.Eval(Container.DataItem, "Description") %>
 
Picture: 
<%# DataBinder.Eval(Container.DataItem, "Picture") %>

</div>

</ItemTemplate>

<FooterTemplate>

DataList Control footer

</FooterTemplate>

Templates in Action

OK, 下面我们来使用 DataList 的数据来填充这些 templates 。代码在 Listing4 中列出。

我们使用了一个方法 FillData ，这个方法用来将 Northwind 数据库的数据绑定到 Datalist 控件。

Listing 4.

<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<HTML>
<BODY>

DataList Server Control Sample 
<script language="VB" runat="server">
Sub Page_Load(sender As Object, e As EventArgs)
fillData()
End SUb

sub fillData()
Dim conn As SqlConnection
Dim adapter As SqlDataAdapter
dim connectionString = _
"Data Source=MCB;Initial Catalog=Northwind;user id=sa;password=;"
conn = new SqlConnection(connectionString)
conn.Open()
dim sql = "SELECT * FROM Categories"
adapter = new SqlDataAdapter(sql, conn)
Dim ds As Dataset = new DataSet()
adapter.Fill(ds)
dtList.DataSource = ds
dtList.DataBind()
end sub

</script>


<ASP:DataList id="dtList" RepeatColumns="5"
RepeatDirection="vertical" runat="server">

<HeaderTemplate>

DataList Control Header 
</HeaderTemplate>

<FooterTemplate>

DataList Control footer 
</FooterTemplate>

<ItemTemplate>

 
Category ID: 
<%# DataBinder.Eval(Container.DataItem, "CategoryID") %>
 
Category Name: 
<%# DataBinder.Eval(Container.DataItem, "CategoryName")%>
 
Description: 
<%# DataBinder.Eval(Container.DataItem, "Description") %>
 
Picture: 
<%# DataBinder.Eval(Container.DataItem, "Picture") %>


</ItemTemplate>

<AlternatingItemTemplate>

 
Category ID: 
<%# DataBinder.Eval(Container.DataItem, "CategoryID") %>
 
Category Name: 
<%# DataBinder.Eval(Container.DataItem, "CategoryName")%>
 
Description: 
<%# DataBinder.Eval(Container.DataItem, "Description") %>
 
Picture: 
<%# DataBinder.Eval(Container.DataItem, "Picture") %>

<DIV></DIV>

</AlternatingItemTemplate>

</ASP:DataList>

</BODY>
</HTML>

最后运行的结果如下图所示，读取的数据为 Categories 表中的数据。