DreamwaverMX与ASP.NET(四)
4.利用DataList组件显示数据集<BR><BR>相关介绍:<BR><BR>DataList江西广告网δ芮炕腞epeater控件，除了有Repeater原有的功能外，还可以设定单行显示数据的笔数(RepeatColumn)，被选项样板(SelectedItemTemple)，编辑项样板(EditTemplate)。但是DataList会将输出的数据安排在表格中输出，而Repeater则更忠于样板的定义，不会添加任何HTML标记。(注意：为了能显示代码，以下所有代码都在“<”之后和“>”之前加了空格，不便之处请多原谅！)<BR><BR>STEP 1建立页面<BR><BR>我们要建立的页面就如下图所示。当我们点击Detail的超级链接时就会弹出详细资料，正如第一项中所示。点击Close时，详细资料就会关闭，恢复原来的样子。<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255934377801.jpg"><BR><BR>[图 1-1 页面演示]<BR><BR>先选择要显示的数据。为了显示欧洲的数据(即Region_ID=3)，我们可以在Dataset设定中选定筛选Region_ID=3的数据。<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255940677802.jpg"><BR><BR>[图 1-2数据筛选]<BR><BR>用Datalist控件做一个数据简要显示的页面。我们先建立一个无数据的页面。然后选择Application面板中的Server behavior。单击” ”，选择DataList。<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255945377803.jpg"><BR><BR>[图1-3 DataList选择页面]<BR><BR>在弹出来的对话框中，我们可以根据需要对应的地方加入页面模板。<BR><BR>u Header: 表头模板<BR><BR>u Item: 数据项模板<BR><BR>u Alternating Item: 交叉显示模板<BR><BR>u Edit Item: 修改模板((默认是没有显示出来的，必须通过事件响应才可以显示)<BR><BR>u Selected Item: 选中后的显示的模板(同样须通过事件响应才可以显示)<BR><BR>u Separator: 分隔模板<BR><BR>u Footer: 表底模板<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255950077804.jpg" width=550 border=0><BR><BR>[图 1-4 编辑DataList对话框]<BR>我们可以通过往Contents中添加HTML代码制作所需的模板，同时也可以通过单击<IMG src="/bbs/attachments/websoft/20081206/200812611255954677805.jpg"> 按钮来添加数据项。单击次按钮后，就会弹出数据项对话框让你选择所需的数据。并在Contents输入框中加入<BR><BR>< %# DataBinder.Eval(Container.DataItem, "数据项") % ><BR><BR>的代码用于显示数据。<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255959377806.jpg"><BR><BR>[图1-5 添加数据项]<BR><BR>为了达到预览的效果，首先在Header中加入代码:Location Name。用以显示标题。在Item中加入代码: <BR><FONT color=#3366cc><BR>< %# DataSet1.FieldValue("LOCATION_NAME", Container) % >，用Location_name来做每一项的标题。<BR><BR>在Alternating Item中加入代码<BR><BR>< fontcolor="#0000FF" >< %#DataSet1.FieldValue("LOCATION_NAME",Container)% >< /font ><BR></FONT><BR>以不同的字体颜色来显示数据。<BR><BR>虽然Selected Item并不能马上显示，但是我们还应写下代码，以备以后调用。如下：<BR><FONT color=#3366cc><BR>Address:<BR><BR>< %# DataSet1.FieldValue("ADDRESS", Container) % ><BR><BR>< BR ><BR><BR>City:<BR><BR>< %# DataSet1.FieldValue("CITY", Container) % ><BR><BR>< BR ><BR><BR>Telephone:<BR><BR>< %# DataSet1.FieldValue("TELEPHONE", Container) % ><BR><BR>< BR ><BR></FONT><BR>单击OK，接着预览页面，下图就是以上代码的效果了。我们等一下会去实现显示出Selected Item项的效果的。<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255965677807.jpg"><BR><BR>[图1-6 最初预览]<BR>DataList区别Repeater的一个不同点就是可以设置单行显示多笔数据，在DataList编辑窗口中可以进行设置。<BR><IMG src="/bbs/attachments/websoft/20081206/200812611255971877808.jpg"><BR><BR>[图 1-7 设置单行显示多笔数据]<BR><BR>选择Use Line Breaks项就只是有一个< BR >标记进行分开数据。选择Use a Table则是以表格的形式输出，而且可以通过设置Table Columns来确定单行显示数据的笔数。<BR><BR>STEP2 编写代码<BR><BR>Selected Item时需要通过事件来显示的，所以我们需要建立按钮以启动事件。<BR><BR>j添加LinkButton,用以产生事件。将光标移到源代码窗口的< ItemTemplate >与< /ItemTemplate >中，单击more tags<IMG src="/bbs/attachments/websoft/20081206/200812611255976577809.jpg"> ，在弹出的对话框中选择asp:LinkButton控件。<BR><IMG src="/bbs/attachments/websoft/20081206/2008126112559812778010.jpg"><BR><BR>[图2-1 Tag Chooser对话框]<BR><B
页:
[1]