asp.net - tag - Para mostrar Modalpopup en javascript

line tag

Question

Tengo un extensor modal emergente de la siguiente manera

<div id="target" runat="server"></div>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID ="Modal"
    runat="server" TargetControlID="target"
    BackgroundCssClass="modalBackground"
    PopupControlID="Panel1"></cc1:ModalPopupExtender>

<asp:Panel ID="Panel1" runat="server">
  <asp:Login ID="Login1" Width="360px" Height="135px" BackColor="lightSteelBlue"
        LoginButtonStyle-BorderStyle="groove" TextBoxStyle-CssClass="textbox"
        LoginButtonStyle-CssClass="loginbutton" runat="server" >
    <TextBoxStyle CssClass="textbox" />
    <LoginButtonStyle BorderStyle="Groove" CssClass="loginbutton" />
  </asp:Login>
</asp:Panel>

Al hacer clic en un botón, debo mostrar modalpopup. ¿Qué código puedo escribir en javscript para llamar a modalpopup? ¿Alguien puede ayudarme?

Answer 1

El objetivo de ModalPopupExtender es que no tenga que escribir ningún JS. Hace todas las cañerías para usted. Puede consultar el sitio web ASP.Net AJAX Controltoolkit para obtener un manual sobre cómo configurarlo: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

Answer 2

var modalDialog = $find("ModalPopupExtender1"); 
// get reference to modal popup using the AJAX api $find() function

  if (modalDialog != null) {
    modalDialog.show();
  }

Answer 3

Como Manu ya ha dicho, no es necesario escribir ningún javascript para activar la ventana emergente.

Todo lo que necesita hacer es colocar un LinkButton en la página y configurarlo como TargetControlID

<cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID ="Modal"
    runat="server" TargetControlID="lbOpenModal"
    BackgroundCssClass="modalBackground"
    PopupControlID="Panel1"></cc1:ModalPopupExtender>


<asp:LinkButton id="lbOpenModal" runat="server" Text="Click me"></asp:LinkButton>

Luego, cuando haga clic en el enlace, se abrirá el modal.