datagrid and checkbox and confirm dialog

[mamun]

Hi All,

I have the following situation and am looking for answer in C#.

I have a datagrid and putting checkbox next to each record. In the
header I have a Delete button.

I want users to checkchekboxes and click the Delete button. That will
show a confirmation dialog message with the items they choose to
delete.

I have spent hours in the groups to find the similar one but without
any luck.
Here is the snippet of my code in page.aspx. The name (or id) of the
datagrid is BoreHolesResult . I will be updating based on the selected
checkbox and this checkbox should relate to the field Bore_Id.
<asp:TemplateCo lumn HeaderText="Typ e" >
<ItemTemplate >
<asp:TextBox ID="txtType" Runat="server" text='<
%#DataBinder.Ev al(Container.Da taItem, "BORE_TYPE" ) %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateCol umn>
<asp:TemplateCo lumn>
<HeaderTemplate >
<asp:Button ID="btnDeleteBo reId" Runat="server" Text="Delete"
Onclick="Delete BoreID"></asp:Button>
</HeaderTemplate>
<ItemTemplate >
<center>
<asp:CheckBox ID='chkDelete' Runat="server">
</asp:CheckBox>
</center>
</ItemTemplate>
</asp:TemplateCol umn>
In the code file (page.aspx.cs),
I have the following:
public void DeleteBoreID(ob ject sender, System.EventArg s e)
{
string BoreID;
foreach (DataGridItem GridItem in BoreHolesResult .Items)
{
CheckBox myCheckbox =
(CheckBox)GridI tem.Cells[8].Controls[1];
if (myCheckbox.Che cked == true)
{
BoreID = GridItem.Cells[0].Text;
//here I want to show the confirm message with the
selected Bore Ids
// Cells[8] where the checkboxes are located in the datagrid 9th
item
//after confirm I will perform the delete records here.

}
}

}
I will highly appreciate your help. Thanks a million in advance.

best regards,
mamun

[Quoc Linh]

On Feb 15, 1:32 pm, "mamun" <mamun...@hotma il.comwrote:

Hi All,

I have the following situation and am looking for answer in C#.

I have a datagrid and putting checkbox next to each record. In the
header I have a Delete button.

I want users to checkchekboxes and click the Delete button. That will
show a confirmation dialog message with the items they choose to
delete.

I have spent hours in the groups to find the similar one but without
any luck.

Here is the snippet of my code in page.aspx. The name (or id) of the
datagrid is BoreHolesResult . I will be updating based on the selected
checkbox and this checkbox should relate to the field Bore_Id.

<asp:TemplateCo lumn HeaderText="Typ e" >
<ItemTemplate >
<asp:TextBox ID="txtType" Runat="server" text='<
%#DataBinder.Ev al(Container.Da taItem, "BORE_TYPE" ) %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateCol umn>

<asp:TemplateCo lumn>
<HeaderTemplate >
<asp:Button ID="btnDeleteBo reId" Runat="server" Text="Delete"
Onclick="Delete BoreID"></asp:Button>
</HeaderTemplate>
<ItemTemplate >
<center>
<asp:CheckBox ID='chkDelete' Runat="server">
</asp:CheckBox>
</center>
</ItemTemplate>
</asp:TemplateCol umn>

In the code file (page.aspx.cs),

I have the following:

public void DeleteBoreID(ob ject sender, System.EventArg s e)
{
string BoreID;
foreach (DataGridItem GridItem in BoreHolesResult .Items)
{
CheckBox myCheckbox =
(CheckBox)GridI tem.Cells[8].Controls[1];
if (myCheckbox.Che cked == true)
{
BoreID = GridItem.Cells[0].Text;
//here I want to show the confirm message with the
selected Bore Ids
// Cells[8] where the checkboxes are located in the datagrid 9th
item
//after confirm I will perform the delete records here.

}
}

}

I will highly appreciate your help. Thanks a million in advance.

best regards,
mamun

Almost there. What happen here in your code is you want the backend
server code to display a message to the client prior to it executing.
Not possible. What you'll need is to fire the client code first, then
trigger the server code (function DeleteBoreID). To do this, you'll
need a javascript function to do the confirmation, then based on this
result, return false (cancel executing the server code) or return true
(proceed executing the server code).

I won't go into details of changing your code due to time constraint,
but the idea is as followed. In your Page_Load function, add the
following line:

protected override void Page_Load(objec t sender, EventArgs e)
{
....
//Ties javascript to button DeleteBoreId. When it is pressed, the
confirm fires first,
// if it returns true, then server code DeleteBoreID will get
triggered
btnDeleteBoreId .Attributes.Add ("onclick", "javascript:ret urn
confirmDeletion ('Are you sure you would like to remove the selected
items?');");
....
}

I think that's all.

Quoc Linh

[Quoc Linh]

On Feb 15, 2:28 pm, "Quoc Linh" <lequocl...@yah oo.comwrote:

On Feb 15, 1:32 pm, "mamun" <mamun...@hotma il.comwrote:

Hi All,

I have the following situation and am looking for answer in C#.

I have a datagrid and putting checkbox next to each record. In the
header I have a Delete button.

I want users to checkchekboxes and click the Delete button. That will
show a confirmation dialog message with the items they choose to
delete.

I have spent hours in the groups to find the similar one but without
any luck.

Here is the snippet of my code in page.aspx. The name (or id) of the
datagrid is BoreHolesResult . I will be updating based on the selected
checkbox and this checkbox should relate to the field Bore_Id.

<asp:TemplateCo lumn HeaderText="Typ e" >
<ItemTemplate >
<asp:TextBox ID="txtType" Runat="server" text='<
%#DataBinder.Ev al(Container.Da taItem, "BORE_TYPE" ) %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateCol umn>

<asp:TemplateCo lumn>
<HeaderTemplate >
<asp:Button ID="btnDeleteBo reId" Runat="server" Text="Delete"
Onclick="Delete BoreID"></asp:Button>
</HeaderTemplate>
<ItemTemplate >
<center>
<asp:CheckBox ID='chkDelete' Runat="server">
</asp:CheckBox>
</center>
</ItemTemplate>
</asp:TemplateCol umn>

In the code file (page.aspx.cs),

I have the following:

public void DeleteBoreID(ob ject sender, System.EventArg s e)
{
string BoreID;
foreach (DataGridItem GridItem in BoreHolesResult .Items)
{
CheckBox myCheckbox =
(CheckBox)GridI tem.Cells[8].Controls[1];
if (myCheckbox.Che cked == true)
{
BoreID = GridItem.Cells[0].Text;
//here I want to show the confirm message with the
selected Bore Ids
// Cells[8] where the checkboxes are located in the datagrid 9th
item
//after confirm I will perform the delete records here.

}
}

}

I will highly appreciate your help. Thanks a million in advance.

best regards,
mamun

Almost there. What happen here in your code is you want the backend
server code to display a message to the client prior to it executing.
Not possible. What you'll need is to fire the client code first, then
trigger the server code (function DeleteBoreID). To do this, you'll
need a javascript function to do the confirmation, then based on this
result, return false (cancel executing the server code) or return true
(proceed executing the server code).

I won't go into details of changing your code due to time constraint,
but the idea is as followed. In your Page_Load function, add the
following line:

protected override void Page_Load(objec t sender, EventArgs e)
{
...
//Ties javascript to button DeleteBoreId. When it is pressed, the
confirm fires first,
// if it returns true, then server code DeleteBoreID will get
triggered
btnDeleteBoreId .Attributes.Add ("onclick", "javascript:ret urn
confirmDeletion ('Are you sure you would like to remove the selected
items?');");
...

}

I think that's all.

Quoc Linh

Ah, typo:

return confirmDeletion ('Are you sure you would like to remove the
selected
items?');");

should be:

return confirm('Are you sure you would like to remove the selected
items?');");

Quoc Linh

[mamun]

Hi Quoc Linh,

Thanks for replying.

Actually, I wanted client side validation and I changed according to
your suggestion but that did not help.

I would highly appreciate if you know any different way of doing this.
The main objective is users will select the checkboxes and the confirm
dialog box will show what records were selected (here is the bore_id
field) and if press yes then that will perform the delete query.

Many thanks

mamun

On Feb 15, 2:33 pm, "Quoc Linh" <lequocl...@yah oo.comwrote:

On Feb 15, 2:28 pm, "Quoc Linh" <lequocl...@yah oo.comwrote:

On Feb 15, 1:32 pm, "mamun" <mamun...@hotma il.comwrote:

Hi All,

I have the following situation and am looking for answer in C#.

I have a datagrid and putting checkbox next to each record. In the
header I have a Delete button.

I want users to checkchekboxes and click the Delete button. That will
show a confirmation dialog message with the items they choose to
delete.

I have spent hours in the groups to find the similar one but without
any luck.

Here is the snippet of my code in page.aspx. The name (or id) of the
datagrid is BoreHolesResult . I will be updating based on the selected
checkbox and this checkbox should relate to the field Bore_Id.

<asp:TemplateCo lumn HeaderText="Typ e" >
<ItemTemplate >
<asp:TextBox ID="txtType" Runat="server" text='<
%#DataBinder.Ev al(Container.Da taItem, "BORE_TYPE" ) %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateCol umn>

<asp:TemplateCo lumn>
<HeaderTemplate >
<asp:Button ID="btnDeleteBo reId" Runat="server" Text="Delete"
Onclick="Delete BoreID"></asp:Button>
</HeaderTemplate>
<ItemTemplate >
<center>
<asp:CheckBox ID='chkDelete' Runat="server">
</asp:CheckBox>
</center>
</ItemTemplate>
</asp:TemplateCol umn>

In the code file (page.aspx.cs),

I have the following:

public void DeleteBoreID(ob ject sender, System.EventArg s e)
{
string BoreID;
foreach (DataGridItem GridItem in BoreHolesResult .Items)
{
CheckBox myCheckbox =
(CheckBox)GridI tem.Cells[8].Controls[1];
if (myCheckbox.Che cked == true)
{
BoreID = GridItem.Cells[0].Text;
//here I want to show the confirm message with the
selected Bore Ids
// Cells[8] where the checkboxes are located in the datagrid 9th
item
//after confirm I will perform the delete records here.

}
}

}

I will highly appreciate your help. Thanks a million in advance.

best regards,
mamun

Almost there. What happen here in your code is you want the backend
server code to display a message to the client prior to it executing.
Not possible. What you'll need is to fire the client code first, then
trigger the server code (function DeleteBoreID). To do this, you'll
need a javascript function to do the confirmation, then based on this
result, return false (cancel executing the server code) or return true
(proceed executing the server code).

I won't go into details of changing your code due to time constraint,
but the idea is as followed. In your Page_Load function, add the
following line:

protected override void Page_Load(objec t sender, EventArgs e)
{
...
//Ties javascript to button DeleteBoreId. When it is pressed, the
confirm fires first,
// if it returns true, then server code DeleteBoreID will get
triggered
btnDeleteBoreId .Attributes.Add ("onclick", "javascript:ret urn
confirmDeletion ('Are you sure you would like to remove the selected
items?');");
...

}

I think that's all.

Quoc Linh

Ah, typo:

return confirmDeletion ('Are you sure you would like to remove the
selected
items?');");

should be:

return confirm('Are you sure you would like to remove the selected
items?');");

Quoc Linh- Hide quoted text -

- Show quoted text -

[Quoc Linh]

On Feb 15, 3:34 pm, "mamun" <mamun...@hotma il.comwrote:

Hi Quoc Linh,

Thanks for replying.

Actually, I wanted client side validation and I changed according to
your suggestion but that did not help.

I would highly appreciate if you know any different way of doing this.
The main objective is users will select the checkboxes and the confirm
dialog box will show what records were selected (here is the bore_id
field) and if press yes then that will perform the delete query.

Many thanks

mamun

On Feb 15, 2:33 pm, "Quoc Linh" <lequocl...@yah oo.comwrote:

On Feb 15, 2:28 pm, "Quoc Linh" <lequocl...@yah oo.comwrote:

On Feb 15, 1:32 pm, "mamun" <mamun...@hotma il.comwrote:

Hi All,

I have the following situation and am looking for answer in C#.

I have a datagrid and putting checkbox next to each record. In the
header I have a Delete button.

I want users to checkchekboxes and click the Delete button. That will
show a confirmation dialog message with the items they choose to
delete.

I have spent hours in the groups to find the similar one but without
any luck.

Here is the snippet of my code in page.aspx. The name (or id) of the
datagrid is BoreHolesResult . I will be updating based on the selected
checkbox and this checkbox should relate to the field Bore_Id.

<asp:TemplateCo lumn HeaderText="Typ e" >
<ItemTemplate >
<asp:TextBox ID="txtType" Runat="server" text='<
%#DataBinder.Ev al(Container.Da taItem, "BORE_TYPE" ) %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateCol umn>

<asp:TemplateCo lumn>
<HeaderTemplate >
<asp:Button ID="btnDeleteBo reId" Runat="server" Text="Delete"
Onclick="Delete BoreID"></asp:Button>
</HeaderTemplate>
<ItemTemplate >
<center>
<asp:CheckBox ID='chkDelete' Runat="server">
</asp:CheckBox>
</center>
</ItemTemplate>
</asp:TemplateCol umn>

In the code file (page.aspx.cs),

I have the following:

public void DeleteBoreID(ob ject sender, System.EventArg s e)
{
string BoreID;
foreach (DataGridItem GridItem in BoreHolesResult .Items)
{
CheckBox myCheckbox =
(CheckBox)GridI tem.Cells[8].Controls[1];
if (myCheckbox.Che cked == true)
{
BoreID = GridItem.Cells[0].Text;
//here I want to show the confirm message with the
selected Bore Ids
// Cells[8] where the checkboxes are located in the datagrid 9th
item
//after confirm I will perform the delete records here.

}
}

}

I will highly appreciate your help. Thanks a million in advance.

best regards,
mamun

Almost there. What happen here in your code is you want the backend
server code to display a message to the client prior to it executing.
Not possible. What you'll need is to fire the client code first, then
trigger the server code (function DeleteBoreID). To do this, you'll
need a javascript function to do the confirmation, then based on this
result, return false (cancel executing the server code) or return true
(proceed executing the server code).

I won't go into details of changing your code due to time constraint,
but the idea is as followed. In your Page_Load function, add the
following line:

protected override void Page_Load(objec t sender, EventArgs e)
{
...
//Ties javascript to button DeleteBoreId. When it is pressed, the
confirm fires first,
// if it returns true, then server code DeleteBoreID will get
triggered
btnDeleteBoreId .Attributes.Add ("onclick", "javascript:ret urn
confirmDeletion ('Are you sure you would like to remove the selected
items?');");
...

}

I think that's all.

Quoc Linh

Ah, typo:

return confirmDeletion ('Are you sure you would like to remove the
selected
items?');");

should be:

return confirm('Are you sure you would like to remove the selected
items?');");

Quoc Linh- Hide quoted text -

- Show quoted text -

Using the way I proposed earlier, you should be able to achieve:
User are able to check the checkboxes, then when click the delete
button, user receives a generic deletion confirmation message. If
user choose Yes, a post-back occurs, and the server will perform the
deletion. Is this correct?

If I understand you correctly, you now want the confirm dialog to
contain the description of the items you'd like to delete. To do
this, it is more tricky.

There are 3 ways I know of:

1. Same principal as I showed you, but replace the confirm("")
function with a Javascript function. Code the javascript function to
loop through your grid (rendered as html table), for each item, get
the checkbox values, build a string, and display a confirmed dialog
box. Return true/false in this function (same principal as the way I
showed you earlier)

2. Use Ajax.
As user clicks the checkbox, keep track of the checkbox states on the
server side.
As user clicked the button, use the server code to build the string,
then display at the client side.

I hear good comments about this one: http://www.ajaxpro.info/

3. Use Remote scripting. The predecessor of Ajax.
Here's a convenient tool to do it: http://www.codeproject.com/aspnet/
AlvaroRemoteScr ipting.asp

HTH,
Quoc Linh