在Repeater 控件中使用ConfirmButton

Christian Wenz

本文档是Visual C# 教程 (转至 Visual Basic 教程

AJAX Control Toolkit 中的 ConfirmButton 扩展器在用户单击按钮(包括LinkButton 控件)时弹出一个Yes/No 确认对话框。只有单击Yes 后才会执行按钮的操作,否则取消操作。在Repeater 控件中也可以使用该扩展器来弹出确认对话框。

« 前一篇教程 |  下一篇教程 »

概述

 AJAX Control Toolkit 中的 ConfirmButton 扩展器在用户单击按钮(包括LinkButton 控件)时弹出一个Yes/No 确认对话框。

只有单击Yes 后才会执行按钮的操作,否则取消操作。在Repeater 控件中也可以使用该扩展器来弹出确认对话框。

步骤

首先,我们需要一个数据源。本例使用AdventureWorks 数据库和Microsoft SQL Server 2005 Express Edition。

数据库是Visual Studio 安装 (包括Express 版 )的一个可选组件 ,也可以在这里单独下载得到 :

https://go.microsoft.com/fwlink/?LinkId=64064

。AdventureWorks数据库是SQL Server 2005 Samples 和Sample Databases(在此处下载:https://www.microsoft.com/downloads/details.aspx?FamilyID=e719ecf7-9f46-4312-af89-6ad8702e4e6e&DisplayLang=en

的一部分。

配置该数据库的最简单的方法是,使用Microsoft SQL Server Management Studio Express (https://www.microsoft.com/downloads/details.aspx?FamilyID=c243a5ae-4bd1-4e3d-94b8-5a0f62bf7796&DisplayLang=en) ,

附加 AdventureWorks.mdf 数据库文件。

对于本例 ,我们假定SQL Server 2005 Express Edition 的实例称作 SQLEXPRESS

该实例与Web 服务器驻留在同一机器上 ,这也是默认设置。如果您的设置与此不同,

您就得相应地更改数据库的连接信息了。

为了激活ASP.NET AJAX 和Control Toolkit 的功能 ,必须将ScriptManager 控件放置于页面中某处

(可放于任何地方 ,但必须在<form> 元素内 ):

<asp:ScriptManager ID="asm" runat="server" />

接下来,需要一个数据源。为了简单起见,只检索AdventureWork 数据库的Vendors 表中的前五条记录。

注意,使用 Visual Studio 向导创建数据源时,该表名称( Vendors)目前没有正确地附加前缀 Purchasing。

以下为正确的标记:

<asp:SqlDataSource ID="sds1" runat="server" ConnectionString="
     Data Source=(local)\SQLEXPRESS;Initial Catalog=AdventureWorks;
     Integrated Security=True"
     ProviderName="System.Data.SqlClient" SelectCommand="SELECT TOP 5
     [VendorID], [Name] FROM [Purchasing].[Vendor]" />

然后在Repeater 控件内使用该数据源。和通常一样,使用DataBinder.Eval() 方法从该数据源检索数据。

接着必须把ConfirmButtonExtender 控件放入Repeater 控件的<ItemTemplate> 节,

这样它才能对数据源中的每个条目出现。

<div>
     <ul>
          <asp:Repeater ID="rep1" DataSourceID="sds1" runat="server">
               <ItemTemplate>
                    <li>
                         <%#DataBinder.Eval(Container.DataItem, "Name")%>
                         <asp:LinkButton ID="btn1" Text="Remove Item"
                          runat="server" />
                         <ajaxToolkit:ConfirmButtonExtender ID="cfe1"
                          runat="server" TargetControlID="btn1" 
                          ConfirmText="Are you sure?!" />
                    </li>
               </ItemTemplate>
          </asp:Repeater>
     </ul>
</div>

确认按钮出现在数据源的每个条目旁

 

 

下一篇教程