Search code examples
asp.netmodalpopupextender

ASP.NET - Dynamic ModalPopupExtender


I have an ASP.NET page that has dynamically created LinkButton elements. Please note that these LinkButton elements are not added to a DataGrid, GridView, or Repeater.

When a user clicks on one of these LinkButton elements, I want to display a dialog box. To accomplish this, I was attempting to use a ModalPopupExtender and set its TargetControlID when a user clicked one of the LinkButton elements. Unfortunately this is not working.

Does anyone know how I can use the same ModalPopupExtender with multiple LinkButton elements?

Thank you!


Solution

  • I would do it thusly:

    <a href="#" onclick="doPopUp()" Text="SomeLinkButton Lookalike" />
    <asp:LinkButton runat="server" ID="someHiddenButton" CssClass="hidden" />
    

    then javascript:

    function doPopUp(){
        var somehiddenbutton = 
            document.getElementById('<%= someHiddenButton.ClientID %>');
            somehiddenbutton.click();
    }
    

    Then you can simply have a runat server linkbutton with CSS property display:none, and that will be your TargetControlID for your ModalPopupExtender.

    Hope this helps, JP

    EDIT: I didn't include the .click() method. dunce moment