DataList Web 控件和Repeater Web 控件有点类似,不过DataList Web 控件除了可以将数据依照我们所制定的样版显示出来外,还可以进行Repeater Web 控件无法作到的数据编辑。接下来我们先来了解DataList Web 控件的使用语法:
<ASP:DataList Id="被程序代码所控制的名称" Runat="Server" CellPadding="像素" CellSpacing="像素" DataKeyField="数据源的主键字段" DataSource='<%#数据系结叙述%>' GridLines="None | Horizontal | Vertical | Both" RepeatColumns="ColumnCount" RepeatDirection="Vertical | Horizontal" RepeatLayout="Flow | Table" ShowFooter="True | False" ShowHeader="True | False" OnSCancelCommand="事件程序" OnDeleteCommand="事件程序" OnEditCommand="事件程序" OnItemCommand="事件程序" OnItemCreated="事件程序" OnUpdateCommand="事件程序" > <Template Name="样版名称"> 以HTML 所定义的样版 </Template > 其它样版定义... AlternatingItemStyle-Property="value" EditItemStyle-Property="value" FooterStyle-Property="value" HeaderStyle-Property="value" ItemStyle-Property="value" SelectedItemStyle-Property="value" SeparatorStyle-Property="value" </ASP:DataList>
DataList Web 控件常用的属性如下表所示:
DataList Web 控件所支持的样版如下表所示:
其中Item 样版也是必须要定义才能顺利显示资料。另外DataList Web 控件也支持许多样式对象,可以让我们可以灵活的自订其显示外观,如下表所示:
下列范例利用DataList Web 控件显示Members 数据表,并指定要以表格的方式显示,每次显示两行:
<%@Import Namespace=System.Data.ADO%> <%@Import Namespace=System.Data%> <!--#Include File="GetTable.inc"--> <Html> <Form runat="Server"> <ASP:DataList Id="dlA" RepeatColumns="2" GrIdLines="both" Runat="Server"> <Template Name="ItemTemplate"> <ASP:Image ImageUrl="ico1.gif" Runat="Server"/> 姓名: <%#Container.DataItem("UserName")%> </Template> </ASP:DataList> </Form> <Script Language="VB" Runat="Server"> Sub Page_Load(Sender As Object, e As EventArgs) Dim dtDataTable As DataTable=GetTable("CH05MyWeb.mdb", "Members") dlA.DataSource=dtDataTable.DefaultView Page.DataBind() End Sub </SCRIPT> </Html>
其中RepeatDirection 属性决定数据排列的方式,如下图所示:
DataList Web 控件支持六个事件,如下表所示:
|