Adding a Confirm Javascript PopUp to a ASP.NET GridView
The more and more I use the GridView control, the more I end up writing my own
This time I ended up writing my own TemplateField because I need to add a confirm pop up to basically a “delete” command (it didn’t really delete the database record but in fact flagged it as a different type)… but you get the idea where this might come in handy. After all you don’t want users calling saying “Yeah, I just deleted something I didn’t mean to”. Instead you want to pop up a javascript box with a “Do you really want to do this…because I am not fixing it again!”
Unfortunetly the onClientClick event, so this is my work around.
Here is the basic Javascript code to pop up a confirm button.
<SCRIPT LANGUAGE=”JavaScript”>
function confirmSubmit() {
var agree=confirm(“Do you really want to mark this prospect as in the database?”);
if (agree)
return true ;
else
return false ;
}
</SCRIPT>
Now in your GridView->Column Tag add a
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID=”btnCustomerExist”
text=”customer exist”
Runat=Server
OnClick=”CustomerAlreadyExist”
OnClientClick=”return confirmSubmit()”
Width=”100″ />
</ItemTemplate>
</asp:TemplateField>
If the user clicks “OK” on the popup, you will need to handle the server side processing. I tend to write my own Data Access layer to handle Selects and Deletes so for me it is pretty straight forward from here, I call a function and pass in the unique id from the database.
Public Sub CustomerAlreadyExist(ByVal sender As Object, ByVal e As EventArgs)
Dim ProspectID As Int32
Dim btnRemoveProspect As Button = CType(sender, Button)
Dim grdRow As GridViewRow = CType(btnRemoveProspect.Parent.Parent, GridViewRow)
‘Get ID
ProspectID = grdRow.Cells(0).Text
‘Instant Class
myAddProspect = New AddProspect()
‘Removes from Prospect Table
myAddProspect.RemoveFromDatabase(ProspectID)
‘Refresh Gridview
Page_Load(sender, e)
End Sub
The End Result
Of course this won’t stop everyone from accidentally deleting users but it will stop 9/10.
Written by Tim on June 2nd, 2006 with
2 comments.
Read more articles on asp.net.
- [+] Digg: Feature this article
- [+] Del.icio.us: Bookmark this article
- [+] Furl: Bookmark this article
#1. July 11th, 2006, at 7:22 AM.
Hi,
I’m just wondering, how do you go around the EvaluateEvent error? It appears that by default onclick events are evaulated by the .NET Runtime, and this traps my OnClientClick event. If I set it to false, some of the events on my page won’t be processed properly. How do you go about that?