3

次のようなモーダルポップアップエクステンダーがあります 

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

1 つのボタンをクリックすると、modalpopup を表示する必要があります。modalpopup.Can を呼び出すために JavaScript で記述できるコードを教えてください。

4

3 に答える 3

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

  if (modalDialog != null) {
    modalDialog.show();
  }
于 2009-08-14T10:09:28.480 に答える
1

ModalPopupExtender のポイントは、JS を記述する必要がないことです。それはあなたのためにすべての配管を行います。ASP.Net AJAX Controltoolkit の Web サイトで、構成方法に関するマニュアルを参照できます。 http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

于 2009-08-14T10:06:18.533 に答える
0

Manu が既に述べたように、ポップアップをトリガーするために JavaScript を記述する必要はありません。

LinkBut​​ton をページにドロップし、それを 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>

次に、リンクをクリックすると、モーダルが開きます。

于 2009-09-10T15:57:30.463 に答える