原作者: 雨晨
我们从数据存储中取回的数据将被用来显示eville提供的下两节课程。基于页面设计方面的考虑,标准的表格在这里并不合适。数据需要以一种自定义的格式展示,用来显示课程名,课程描述,以及报名的链接(该链接通过querystring传递session_id)。下面是原始的asp页面利用ado记录集创建的一个循环,该循环为每条记录创建一个新的行。
< table width="100%" border="0">
< tr>
< td class="headerrow">upcoming events< /td>
< /tr>
< %do while not rsupcoming.eof%>
< tr>
< td>< p>< b>< %=rsupcoming("title")%>< /b>< br>
< %=rsupcoming("description")%>< /p>
< p>< a href="enroll.asp?sessionid=< %=rsupcoming("session_id")%>">
enroll now!< /a>< /p>< br>
< /td>
< /tr>
< %
rsupcoming.movenext
loop
%>
< /table>
在asp+中,我们利用新的服务器控件,datalist。asp+ datalist是用来创建自定义页面布局的新控件中的一种,这些布局都是基于表格的。datalist通过你赋予的属性来创建表格的行与列,同时使用template来控制布局。在下面的例子中,我们使用itemtemplate来格式化每行的布局。该templates控制每个显示出来的单元的布局(一个记录对一个单元):
< tr>
< td class="headerrow">upcoming events< /td>
< /tr>
< /table>
< asp:datalist id="dlupcoming" width="100%" runat="server">
< template name = "itemtemplate">
< p>< b>< %# container.dataitem("title") %>< /b>< br/>
< %# container.dataitem("description") %>< /p>
< p>< a href="enroll.asp?sessionid=< %# container.dataitem("session_id") %>">
enroll now!< /a>< /p>< br/>
< /template>
< /asp:datalist>
缺省情况下,datalist创建一个单列的表格。通过改变它的一系列属性可使其创建多个列:
< asp:datalist id="dlupcoming" width="100%"
repeatdirection="horizontal"
repeatcolumns="2"
runat="server">
其他的数据显示控件包括datagrid(标准表格布局)和repeater(完全自定义布局)。
如果我们现在来看页面,表中的任何内容都不会显示出来。这是因为我们虽然设计了布局,却没提供数据。我们必须显式地将数据(dataset中的一个dataview)绑定到asp+ datalist控件。通过设置datasource属性,调用将要显示数据的控件的databind()方法,我们可以做到这一点。
由于asp+ web应用程序在运行前经过编译,我们毋须遵循页面上的线性处理流程。即使datalist的id直到页面代码的中部才被确定(当我们实际将控件放在页面上时),我们还是可以在页面起始部分的page_load事件中指定控件。这样一来,当页面装载时数据就已经被绑定到控件。
< script language="vb" runat=server>
sub page_load(source as object, e as eventargs)
. . .
cmdupcoming.filldataset(dsupcoming, "upcoming")
dlupcoming.datasource = dsupcoming.tables("upcoming").defaultview
dlupcoming.databind()
end sub
< /script>
使用诸如datalist这样的asp+服务器控件,使我们能有计划性地访问该控件。这样我们便可以针对它的属性以及方法来编写代码。在第一行中,我们将datalist的datasource属性设为dataset中的dataview(一个单独的数据表)。我们特别将它设为dataset的表集中的upcoming表的缺省视图(view)。设置了datasource后,我们就调用datalist控件的databind()方法,将sql的查询结果绑定到datalist控件。
