How to show modal pop Up on the click of a button within a datagrid.

HI,

I have a datagrid with Linkbuttons as the Template column.

Also I have the Modal pop up extendar which will open a Panel. I have a button (display:none) as the TargetControl for the ModalPopupextendar.

Now, on the click event of the Linkbutton in the datagrid, I have written the code to show ModalPopupextendar and it doesn't work.

If I am using the control within the datagrid to show the modalpopupextendar will it work, or I have missed something to make it work.

Can anybody help me on this?

Please find my Code Below:

-----ASPX Page-----------------------------------------------

<%--<Start>Controls for Pop Up window--%>

<asp:Button ID="btnHiddenPopUpControl" runat="server" Text="Button" style="display:none" />

<cc1:ModalPopupExtender ID="mpeAssign" runat="server"

TargetControlID="btnHiddenPopUpControl"

PopupControlID="pnlAssign" PopupDragHandleControlID="pnlHeaderAssign"

Drag="true" OkControlID="btnOK" X="10" Y="10" RepositionMode="None">

</cc1:ModalPopupExtender>

<asp:Panel ID="pnlAssign" runat="server">

<asp:Panel ID="pnlHeaderAssign" runat="server" style="cursor:move"><div>Pop Up</div></asp:Panel>

This is the Pop Up window.<asp:Button ID="btnOK" runat="server" Text="OK" />

</asp:Panel>

<%--<End>Controls for Pop Up window>

<asp:DataGrid ID="dgAssignment" runat="server" AllowPaging="True" AutoGenerateColumns="False" Width="900" Font-Size="8pt" CellPadding="5" CellSpacing="0" GridLines="None" BorderColor="Black" BorderWidth="0px" Font-Names="Verdana" OnItemDataBound="dgAssignment_ItemDataBound">

</ asp:DataGrid>

-----CodeBehind File------------------------------------

protected void ibtnAssign_Click(object sender, ImageClickEventArgs e) { this.mpeAssign.Show();

}

--------------------------------------------------------------------------------------------

Thanks,

Gayathri.

Re: How to show modal pop Up on the click of a button within a datagrid.

Hi, in this code u r passing btnhiddenPopupControl as a targetControlID. Insteed of passing btnhiddenPopupControl just pass that control id which is responsible to display popup. Such as u have taken a LinkButton named link1 within a gridview then u should pass link1 in TargetControlID of modalpopupextender control.

Re: How to show modal pop Up on the click of a button within a datagrid.

Your source code is perfect.
But problem in ibtnAssign click event.
You can not directly access that button click event if button in gridview.
Instead of button click event, write code on Row_command event of gridview.
Just change your code as following code

Gayathri_Bangalore
<asp:Button ID="btnHiddenPopUpControl" runat="server" Text="Button" style="display:none" />

No need to set TargetControlID as button and it display as none.
Instead of button, take one Label control and set it's ID as targetcontrolID
<asp:Lable id="lblID" runat="server" />
<cc1:ModalPopupExtender ID="mpeAssign" runat="server"
TargetControlID="lblID" PopupControlID="pnlAssign" PopupDragHandleControlID="pnlHeaderAssign"
Drag="true" OkControlID="btnOK" X="10" Y="10" RepositionMode="None"></cc1:ModalPopupExtender>

Gayathri_Bangalore
<itemtemplate>< asp:ImageButton id="ibtnAssign" runat="server" alternatetext="Assign" __designer:wfdid="w1" OnClick="ibtnAssign_Click"></ asp:ImageButton> </itemtemplate>

<itemtemplate>
< asp:ImageButton id="ibtnAssign" runat="server" alternatetext="Assign" CommandName="ShowModelPopUp">
</ asp:ImageButton>

On Row_command event of gridview,write this code

if(e.CommandName=="ShowModelPopUp")
{
this.mpeAssign.Show();
}

Re: How to show modal pop Up on the click of a button within a datagrid.

Looks like you are already handling the ItemDataBound event of the DataGrid, so attach the event there:

private void dgAssignment_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
ListItemType listItemType = e.Item.ItemType;

if ( (listItemType == ListItemType.AlternatingItem) || (listItemType == ListItemType.Item) )
{
ImageButton imageButton = (ImageButton)e.Item.FindControl("ibtnAssign");

  if ( imageButton != null )
  {
   imageButton.Click += new System.Web.UI.ImageClickEventHandler(this.ibtnAssign_Click);
  }
}
}

NC...