DreamwaverMX与ASP.NET(五)

下面是AlternatingItemTemplate，SepartorTemplate，HeaderTemplate，FooterTemplate的代码，可将其插入到< ASP:Repeater >< /ASP:Repeater >中。

< headertemplate >< font color="#666666" size="4" >All

Location< /font >< /headertemplate >

< AlternatingItemTemplate >

< table width="75%" border="0" bgcolor="#CCCCCC" >

< tr >

< td width="17%" >Location Name< /td >

< td colspan="3" bgcolor="#CCCCCC" >

< %# DataSet1.FieldValue("LOCATION_NAME", Container) % >

< /td >

< /tr >

< tr >

< td >City< /td >

< td width="34%" > < %# DataSet1.FieldValue("CITY", Container) % > < /td >

< td width="24%" >Address< /td >

< td width="25%" > < %# DataSet1.FieldValue("ADDRESS", Container) % > < /td >

< /tr >

< tr >

< td >State< /td >

< td > < %# DataSet1.FieldValue("STATE_COUNTRY", Container) % > < /td >

< td >Code< /td >

< td > < %# DataSet1.FieldValue("CODE", Container) % > < /td >

< /tr >

< tr >

< td >Telephone< /td >

< td > < %# DataSet1.FieldValue("TELEPHONE", Container) % > < /td >

< td >Fax< /td >

< td > < %# DataSet1.FieldValue("FAX", Container) % > < /td >

< /tr >

< /table >

< /AlternatingItemTemplate >

< separatortemplate >< hr width="70%" align="left" >

< /separatortemplate >

< footertemplate >< font color="#666666" size="4" >End< /font >< /footertemplate >

当IIS解析代码时就会根据关键字将模板放入相对的位置，取得原来所要求的页面。

以上程序所生成的页面如下:



[图2-1 最终页面]

Repeater组件可以建立更自由的页面，但是其每一行只可以显示一组数据。想不想建立更加自由的页面，那就让我们进入下一节用DataList控件来显示数据吧。