Open dialog with server side controls in it

I need to open a dialog in the event of a button click or link, can be anything but not coming from a gridview and it should open up a ascx control which has a gridview in it which has events like delete, edit etc but no matter what I do i am getting the dialog closed in case of of any event fired in the gridview. help?

My dialog code:

        $(function SetupDialog() {
            $("#Detaildialog").dialog({
                modal: true,
                autoOpen: false,
                appendTo: aspnetForm,
                title: "Add a New Line Item",
                width: 850,
                height: 800
            });
            
            $("#btnAddLineDetail").click(function () {
                $('#Detaildialog').dialog('open');
            });
                    
        });


 <table>
        <tr >
              <td> <input type="button" id="btnAddLineDetail" value="Do not use this yet" visible="False" class="button" />
                </td>    
         </tr>
        <tr>
            
            <td>
                
                  <uc4:wuscSATransferDetail ID="wuscSATransferDetail" runat="server" />

            </td>

        </tr>
</table>

Select allOpen in new window

I also added the below in page load:
ScriptManager.RegisterStartupScript(Me, [GetType](), "SetupDialog", "SetupDialog();", True)