Using a ConfirmButton In a Repeater (C#)
The ConfirmButton extender in the AJAX Control Toolkit creates a Yes/No popup when the user clicks on a button (including LinkButton control). Only if Yes is clicked, the button's action is executed, otherwise cancelled. This is also possible in a repeater.
Overview
The ConfirmButton extender in the AJAX Control Toolkit creates a Yes/No popup when the user clicks on a button (including LinkButton control). Only if Yes is clicked, the button's action is executed, otherwise cancelled. This is also possible in a repeater.
Steps
First of all, a data source is required. This sample uses the AdventureWorks database
and the Microsoft SQL Server 2005 Express Edition. The database is an optional part
of a Visual Studio installation (including express edition) and is also available
as a separate download under
http://go.microsoft.com/fwlink/?LinkId=64064. The AdventureWorks database
is part of the SQL Server 2005 Samples and Sample Databases (download at
http://www.microsoft.com/downloads/details.aspx?FamilyID=e719ecf7-9f46-4312-af89-6ad8702e4e6e&DisplayLang=en).
The easiest way to set the database up is to use the Microsoft SQL Server Management
Studio Express (
http://www.microsoft.com/downloads/details.aspx?FamilyID=c243a5ae-4bd1-4e3d-94b8-5a0f62bf7796&DisplayLang=en)
and attach the AdventureWorks.mdf database file.
For this sample, we assume that the instance of the SQL Server 2005 Express Edition
is called SQLEXPRESS and resides on the same machine as the web server;
this is also the default setup. If your setup differs, you have to adapt the connection
information for the database.
In order to activate the functionality of ASP.NET AJAX and the Control Toolkit,
the ScriptManager control must be put anywhere on the page (but within
the <form> element):
<asp:ScriptManager ID="asm" runat="server" />
Then, a data source is required. For the sake of simplicity, only the first five
entries in AdventureWorks' Vendors table are retrieved. Note that when using
the Visual Studio wizard to create the data source, the table name (Vendors) is
currently not correctly prefixed with Purchasing. The following markup is the correct
one:
<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]" />
This data source can then be used within a repeater. As usual, the DataBinder.Eval()
method retrieves data from the data source. The ConfirmButtonExtender control must
then be placed within the <ItemTemplate> section of the repeater so that it
appears for every entry in the data source.
<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>
The confirm button appears next to each entry from the data source (Click to view full-size image)
By Christian Wenz, Christian Wenz is an author, trainer, and consultant. His main focus of working and writing is on web technologies and security. Christian has written or co-written over 100 books for various publishers. He works with both open source and closed source web technologies. This leads to the unusual situation that he has both been awarded a Microsoft MVP for ASP/ASP.NET and is listed in Zend's Who is Who of PHP. He is also listed in Mozilla's credits (about:credits) and is considered an expert in browser-agnostic JavaScript.
Comments (0) RSS Feed