Um zu zeigen, ModalPopup in Javascript

Question

ich einen modalen Popup-Extender habe als

<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> 

folgte auf einer Schaltfläche geklickt werden, ich habe Modalpopup zu zeigen. Welchen Code kann ich in javscript schreiben, um modalpopup.Can jemand Hilfe zu rufen.

Answer 1

Der Punkt des ModalPopupExtender ist, dass Sie keine JS schreiben müssen. Es macht alle Rohrleitungen für Sie. Sie können die ASP.Net AJAX Controltoolkit Website für ein Handbuch auf, wie es konfigurieren nachschlagen: 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

Als Manu schon gesagt, Sie brauchen keine Javascript zu schreiben, um das Popup auszulösen.

Alles was Sie tun müssen, ist eine Linkbutton auf die Seite fallen und festgelegt, dass als die 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> 

Dann, wenn Sie auf den Link klicken, wird der modale öffnen.