Click here to Skip to main content
Click here to Skip to main content
Go to top

Perform JavaScript Client Side Confirmation from a .NET DataGrid

, 23 Jun 2004
Rate this:
Please Sign up or sign in to vote.
Perform JavaScript client side confirmation from a .NET DataGrid.

Introduction

Has there ever been a time when you wanted a popup message box to confirm before actually performing some action in a .NET DataGrid?

I had a DataGrid full of employees, with a Delete button and a whole lot of “Click-Happy” users. I bet you know the type. Wink | ;) I wanted a confirmation message box to appear when the Delete button was pressed. If they press “Yes”, then I delete the employee. If they press “Cancel”, then don’t perform the delete method.

Please note: There are plenty of ways to handle your JavaScript, this example shows how to put the client side confirmation all in the code-behind. Once you grasp the concept, you can then eliminate some of the steps that I've shown.

Here are the basic steps to take:

Step 1)

Add a DataGrid to your aspx page:

<asp:datagrid id="myDataGrid" runat="server" width="512px">
  <columns>
     <asp:buttoncolumn text="Delete" buttontype="PushButton" 
         headertext="Delete Me" 
         commandname="Delete"></asp:buttoncolumn>
  </columns>
</asp:datagrid>

Step 2)

Create your JavaScript confirmation message box. I did it in the code behind, but you can place your JavaScript in the aspx page if you like. I normally create a method like:

/// <summary>
/// This method setups the java client script confirmation. Note. You 
/// can put the javascript in the aspx page. 
/// </summary>
private void setupClientScript()
{
     string js = @"
       <script language="JavaScript">
          function ConfirmDeletion()
          {
              return confirm('Are you sure you wish to delete this record?');
          }
       </script>"; 
     //Register the script
     if (!IsClientScriptBlockRegistered("ConfirmDeletion"))
     {
          RegisterClientScriptBlock( "ConfirmDeletion", js );
     }
}

Step 3)

Call the method you just created to get it registered for the page. I usually do it in the Page_Load method.

setupClientScript();

Step 4)

In the DataGrid onItemDataBound method, add the following:

if ( e.Item.ItemType == ListItemType.AlternatingItem 
    || e.Item.ItemType == ListItemType.Item 
    || e.Item.ItemType == ListItemType.SelectedItem )
{
     e.Item.Cells[0].Attributes.Add( "onClick", "return ConfirmDeletion();" );
}

* Note the magic number [0] should be the column that the button is located.

Step 5)

Call your delete method. In your DataGrid Command method, add the following:

RemoveMe( int.Parse( e.Item.Cells[1].Text.ToString() ) );

* Note the magic number [1] is the column of my key value. I pass my key to the method RemoveMe and perform my delete action there.

Download and look at the source code for a fully functional sample.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

Dolph
Web Developer DolphLarson.Com
United States United States
Dolph Larson is a Microsoft Certified Solution Developer (MCSD) for .Net, Microsoft Certified Application Developer (MCAD) and Microsoft Certified Database Administrator (MCDBA). He has over fourteen years of professional combined programming, database administration and information technology experience. He currently works as a senior developer for Omnicell and has worked as a senior web developer for eRealty.com. Dolph also managed the programming department for Health Help, Inc. and has seven years of managed health care experience and three years of energy experience.
 
Right now, I am developing Compact Framework applications for the PocketPC and Winodws Mobile. Go TO http://www.iPocketPC.net for FREE Pocket PC software!!!!!

Comments and Discussions

 
GeneralMy vote of 5 Pinmemberthomas4829-Jul-12 23:27 
General4 lines of code PinsussAnonymous24-Jul-05 3:16 
GeneralRe: 4 lines of code PinsussDolph Larson25-Jul-05 3:28 
Generaldatagrid Pinmembergolfaddict22-Mar-05 11:48 
General2 Suggestions Pinmembernemesisv22-Feb-05 22:08 
GeneralIn VB Pinmemberfukunaga1233-Jan-05 0:26 
GeneralRe: In VB PinsussDolph Larson3-Jan-05 5:32 
GeneralRe: In VB Pinmemberfukunaga1233-Jan-05 18:12 
GeneralRe: In VB Pinmembermshariq7-Mar-07 23:34 
GeneralUsing ItemCreated PinmemberPisarevich10-Aug-04 8:44 
GeneralAnother way of attaching JavaScript PinmemberNeeraj_Saluja28-Jun-04 20:32 
QuestionIsn't there an easier way? PinmemberJos Branders24-Jun-04 22:17 
AnswerRe: Isn't there an easier way? PinmemberDolph25-Jun-04 3:01 
GeneralRe: Isn't there an easier way? Pinmemberpetecojr25-Jul-06 2:19 
GeneralRe: Isn't there an easier way? Pinmemberpetecojr25-Jul-06 2:23 
GeneralWriting Java Script in aspx page rather than registering it using code. PinmemberNeeraj_Saluja24-Jun-04 21:03 
GeneralRe: Writing Java Script in aspx page rather than registering it using code. PinmemberDolph25-Jun-04 3:10 
GeneralFiles are miss labeled PinmemberASerfes24-Jun-04 15:16 
GeneralRe: Files are miss labeled PinmemberDolph25-Jun-04 3:09 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.140916.1 | Last Updated 24 Jun 2004
Article Copyright 2004 by Dolph
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid