应用技术案例教程作者徐红主编第8章节ADO数据显示控制课案幻灯片.ppt

8.4.2 基于模板的Repeater控件操作 【示例】使用Repeater控件显示pubs数据库中jobs表中前两列的值 教师讲解 8.5 DataList控件 DataList Web服务器控件以某种格式显示数据，这种格式可以使用模板和样式进行定义。DataList 控件对于显示数据行很有用。可以选择将 DataList 控件配置为允许用户编辑或删除信息。还可以自定义该控件以支持其他功能 8.5.1 DataList控件介绍 1．将数据绑定到控件 2．控件布局的模板 模板 说明 ItemTemplate 为数据源中的每行呈现一次的 HTML 元素和控件。 AlternatingItemTemplate 与 ItemTemplate 元素类似，但对 DataList 控件中的行每隔一行呈现一次。 SelectedItemTemplate 当用户选择 DataList 控件中的项时呈现的元素 EditItemTemplate 当项处于编辑模式中时的布局 HeaderTemplate和 FooterTemplate 在列表的开始和结束处呈现的文本和控件。 SeparatorTemplate 在每项之间呈现的元素 3. 项的布局 4．事件。DataList 控件支持几种事件 EditCommand DeleteCommand UpdateCommand CancelCommand 选项 说明 流与表 在流布局中，以字处理文档的样式在行内呈现列表项。 在表布局中，项呈现到 HTML 表中，这更便于指定项的外观，因为它使您得以设置表单元格属性，如网格线。 垂直与水平排序 默认情况下，在单个垂直列中显示 DataList 控件中的项。但是，可以指定该控件包含多个列。如果这样，可进一步指定这些项是垂直排序（类似于报刊栏）还是水平排列（类似于日历中的日）。 列数 不管 DataList 控件中的项是垂直排序还是水平排序，都可指定该列表将具有多少列。这使您得以控制 Web 页的呈现宽度，通常可以因此而避免水平滚动。 8.5.2 基于模板的DataList控件操作 1.向 Web 窗体页添加 DataList 控件（教师讲解添加步骤） 【示例】使用DataList控件显示pubs数据库中jobs表格的前两列的内容（教师讲解） 2. 允许用户删除单个项 在 ItemTemplate 中（或者AlternatingItemTemplate 中，如果要使用它的话），添加一个 Button 或 LinkButton Web 服务器控件。将此按钮的 CommandName 属性设置为 delete（区分大小写）。 从数据源中删除项，然后重新绑定 DataList 控件。用户所单击项的索引可以通过 Item 对象的 ItemIndex 属性获得。若要获取单个控件的值，请使用 Item 事件参数对象的 FindControl方法。 3．允许用户编辑 DataList 控件中的项 创建 ItemTemplate，然后向其添加 Button Web 服务器控件。将此按钮的 CommandName 属性设置为 edit。 为 DataList 控件创建 EditItemTemplate，它包括下列内容： 用户可更改的所有值的控件。例如，它包括所有字符和数值数据的 TextBox 控件。使用 DataBinding 属性设置这些控件的数据源 Text 属性为“更新”的 Button 控件，该控件的 CommandName 属性设置为 update（区分大小写） Text 属性为“取消”的 Button 控件，该控件的 CommandName 属性设置为 cancel（区分大小写） “更新”按钮将使用户得以指定他们已完成编辑。“取消”按钮将允许用户在不保存更改的情况下退出编辑。 4.允许用户选择 DataList 控件中的项 在 ItemTemplate 中，添加一个 Button 或 LinkButton Web 服务器控件。将CommandName 属性设置为 select 在该事件处理程序中，调用控件的 DataBind 方法刷新该控件中的信息。完整的代码类似如下所示： private void DataList1_SelectedIndexChanged (object sender, System.EventArgs e) { DataList1.DataBind(); } 编写 DataGrid 控件的 ItemCommand 事件。完整的代码类似如下所示： private void DataList1_ItemCommand(object source, DataListComman