DreamwaverMX与ASP.NET(六)

4.利用DataList组件显示数据集

相关介绍:

DataList是功能强化的Repeater控件,除了有Repeater原有的功能外,还可以设定单行显示数据的笔数(RepeatColumn),被选项样板(SelectedItemTemple),编辑项样板(EditTemplate)。但是DataList会将输出的数据安排在表格中输出,而Repeater则更忠于样板的定义,不会添加任何HTML标记。(注意:为了能显示代码,以下所有代码都在“<”之后和“>”之前加了空格,不便之处请多原谅!)

STEP 1建立页面

我们要建立的页面就如下图所示。当我们点击Detail的超级链接时就会弹出详细资料,正如第一项中所示。点击Close时,详细资料就会关闭,恢复原来的样子。

[图 1-1 页面演示]

先选择要显示的数据。为了显示欧洲的数据(即Region_ID=3),我们可以在Dataset设定中选定筛选Region_ID=3的数据。

[图 1-2数据筛选]

用Datalist控件做一个数据简要显示的页面。我们先建立一个无数据的页面。然后选择Application面板中的Server behavior。单击”+”,选择DataList。

[图1-3 DataList选择页面]

在弹出来的对话框中,我们可以根据需要对应的地方加入页面模板。

u Header: 表头模板

u Item: 数据项模板

u Alternating Item: 交叉显示模板

u Edit Item: 修改模板((默认是没有显示出来的,必须通过事件响应才可以显示)

u Selected Item: 选中后的显示的模板(同样须通过事件响应才可以显示)

u Separator: 分隔模板

u Footer: 表底模板

[图 1-4 编辑DataList对话框]

Published At
Categories with 网页设计
Tagged with
comments powered by Disqus