web-dev-qa-db-ja.com

ModalPopupExtender OKボタンクリックイベントが発生しませんか？

UpdatePanel内にボタンがあります。このボタンは、ModalPopupExtenderの[OK]ボタンとして使用されています。何らかの理由で、ボタンクリックイベントが発生していません。何か案は？何か不足していますか？

<asp:updatepanel id="UpdatePanel1" runat="server">
    <ContentTemplate>
        <cc1:ModalPopupExtender ID="ModalDialog" runat="server" 
            TargetControlID="OpenDialogLinkButton"
            PopupControlID="ModalDialogPanel" OkControlID="ModalOKButton"
            BackgroundCssClass="ModalBackground">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="ModalDialogPanel" CssClass="ModalPopup" runat="server">
            ...
            <asp:Button ID="ModalOKButton" runat="server" Text="OK" 
                        onclick="ModalOKButton_Click" />
        </asp:Panel>
    </ContentTemplate>
</asp:updatepanel>
asp.netasp.net-ajaxupdatepanelmodalpopupextender
43
Kyle Trauberman

Aspx

<ajax:ModalPopupExtender runat="server" ID="modalPop" 
            PopupControlID="pnlpopup" 
            TargetControlID="btnGo"
              BackgroundCssClass="modalBackground"
             DropShadow="true"
             CancelControlID="btnCancel" X="470" Y="300"   />


//Codebehind    
protected void OkButton_Clicked(object sender, EventArgs e)
    {

        modalPop.Hide();
        //Do something in codebehind
    }

OKボタンをOkControlIDとして設定しないでください。

53
Michał Ziomek

ModalPopupExtenderの[OK]または[キャンセル]ボタンとして使用されるボタンは、クリックイベントを持つことができないようです。私はこれを削除してテストしました

OkControlID="ModalOKButton"

modalPopupExtenderタグから、ボタンクリックが発生します。サーバーにデータを送信する別の方法を考え出す必要があります。

9
Kyle Trauberman

ボタンにCausesValidation = "false"。が必要な場合もあります。

8
Johan Leino

私はこれの解決策を探していました:)

OkControlIDコントロールにイベントを発生させたい場合は、コントロールに割り当てることができないようです。このプロパティを削除するだけで、すべてが再び動作するようになりました。

私のコード（作業中）：

<asp:Panel ID="pnlResetPanelsView" CssClass="modalPopup" runat="server" Style="display:none;">
    <h2>
        Warning</h2>
    <p>
        Do you really want to reset the panels to the default view?</p>
    <div style="text-align: center;">
        <asp:Button ID="btnResetPanelsViewOK" Width="60" runat="server" Text="Yes" 
            CssClass="buttonSuperOfficeLayout" OnClick="btnResetPanelsViewOK_Click" />&nbsp;
        <asp:Button ID="btnResetPanelsViewCancel" Width="60" runat="server" Text="No" CssClass="buttonSuperOfficeLayout" />
    </div>
</asp:Panel>
<ajax:ModalPopupExtender ID="mpeResetPanelsView" runat="server" TargetControlID="btnResetView"
    PopupControlID="pnlResetPanelsView" BackgroundCssClass="modalBackground" DropShadow="true"
    CancelControlID="btnResetPanelsViewCancel" />
6
balexandre

ボタンコントロールに属性「UseSubmitBehavior = false」を入力します。

4
Stefan Weiss

TargetControlIDとして空白のラベルをよく使用します。例<asp:Label ID="lblghost" runat="server" Text="" />

クリックイベントが発生しない原因は2つあります。
1。 OKControlIDを削除する必要があります（他の人が述べたように）
2。フィールドバリデータを使用している場合、ボタンにCausesValidation = "false"を追加する必要があります。

両方のシナリオは私にとって同じように振る舞いました。

2
user519205

以前の答えはどれも私にとってはうまくいきませんでした。 OnOkScriptイベントでボタンのポストバックを呼び出しました。

<div>
    <cc1:ModalPopupExtender PopupControlID="Panel1" 
         ID="ModalPopupExtender1"
         runat="server" TargetControlID="LinkButton1" OkControlID="Ok" 
         OnOkScript="__doPostBack('Ok','')">
    </cc1:ModalPopupExtender>

    <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> 
</div>        


<asp:Panel ID="Panel1" runat="server">
    <asp:Button ID="Ok" runat="server" Text="Ok" onclick="Ok_Click" />            
</asp:Panel>
2
Johnno Nolan

ポストバックなしでmodalpopupを検証する方法を見つけました。

ModalPopupExtenderでOnOkScriptをValidateBeforePostBack（）などの関数に設定し、関数で必要な検証グループのPage_ClientValidateを呼び出してチェックを行い、失敗した場合はmodalpopupを表示したままにします。合格した場合、__doPostBackを呼び出します。

function ValidateBeforePostBack(){ 
     Page_ClientValidate('MyValidationGroupName'); 
     if (Page_IsValid) { __doPostBack('',''); } 
     else { $find('mpeBehaviourID').show(); } 
}
1
Fandango68