JS Confirm dialog from datagrid template column

[Patrick Delifer]

Hi,

I am trying to implement a JS confirm dialog when a user is deleting
something off my Datagrid.
The problem is that I don't have a Delete button in which case I could write
the following function:

btnDelete.Attri butes.Add("onCl ick", "if(confirm('Ar e you sure you want to
delete this order?')){}else {return false}");

I have a Delete Command which is evaluated in my ItemCommand like so:

private void dgOrder_ItemCom mand(object source,
System.Web.UI.W ebControls.Data GridCommandEven tArgs e)
{ if ((e.Item.ItemTy pe == ListItemType.Al ternatingItem) ||{...
if (e.CommandName == "Delete")
{
//delete the order//
}
}

Now in my html page, the Delete column is a Template Column and not a button
Column. How can I implement an onClick event for my template column, when
there is no button defined in my aspx.cs page.
My template column is:

<asp:TemplateCo lumn>
<ItemTemplate >
<asp:ImageButto n id="Imagebutton 1" runat="server" NAME="Imagebutt on1"
CausesValidatio n="false" CommandName="De lete"
alt="Delete" ImageUrl="Image s/deleteord.GIF"> </asp:ImageButton >
</ItemTemplate>
</asp:TemplateCol umn>

Thanks a lot
Pat

[Sebastian]

It's very easy.

Since you have Imagebutton1 in TemplateColumn, you have to add JS to onclick
(just like you wrote).
You can do this during DataGrids ItemDataBound event, like this:
//Find delete button
ImageButton Imagebutton1 = (ImageButton )e.Item.FindCon trol("Imagebutt on1");

//We don't want to serach for this button in header or footer
if ((e.Item.ItemTy pe == ListItemType.It em) || (e.Item.ItemTyp e ==
ListItemType.Al ternatingItem))

{

//Add on click event
Imagebutton1 .Attributes["onClick"] =
"javascript:you r_JS_delete_com mand();";

}

You might add id attibute to IMageButton too.

Sebastian

[Patrick Delifer]

Thanks Sebastian. Works well.
I also tried this approach without looking for the control:

e.Item.Cells[17].Attributes.Add ("onClick","if( confirm('Are you sure you want
to delete this order?')){}else {return false}");

works the same.

Thx.

Pat

I was trying e.item
"Sebastian" <po*****@mail.c om> wrote in message
news:%2******** ********@TK2MSF TNGP09.phx.gbl. ..

It's very easy.

Since you have Imagebutton1 in TemplateColumn, you have to add JS to onclick (just like you wrote).
You can do this during DataGrids ItemDataBound event, like this:
//Find delete button
ImageButton Imagebutton1 = (ImageButton )e.Item.FindCon trol("Imagebutt on1");
//We don't want to serach for this button in header or footer
if ((e.Item.ItemTy pe == ListItemType.It em) || (e.Item.ItemTyp e ==
ListItemType.Al ternatingItem))

{

//Add on click event
Imagebutton1 .Attributes["onClick"] =
"javascript:you r_JS_delete_com mand();";

}

You might add id attibute to IMageButton too.

Sebastian