1

すべての夜。

はい、どうぞ！

右のページに次のボタンがあり、両方の保存クリックに1つのモーダルポップアップを使用したいと思います。したがって、ボタンには次のものがあります。

<asp:Button ID="btnSave1" runat="server" OnClick="btnSave1_Click" Text="Save" OnClientClick="$find('showSaveConfirm').show(); return false;" />
<asp:Button ID="btnSave2" runat="server" OnClick="btnSave2_Click" Text="Save" OnClientClick="$find('showSaveConfirm').show(); return false;"/>

<asp:Button ID="btnSaveAll" runat="server" Text="" Style="display: none" />

そして、これは私のモーダルパネル情報です：

<asp:Panel ID="pnlSaveConfirm" runat="server" Style="display: none;" CssClass="modalPopupContainer">
            <div id="Div7" class="modalPopupHeaderPanel">
                <div id="Div8" class="modalPopupHeader">

                </div>
                <asp:LinkButton ID="LinkButton2" runat="server" CssClass="modalPopupClose" CausesValidation="False">Cancel and close</asp:LinkButton>
            </div>
            <div id="Div9" class="modalPopupBannerPanel">
                <div class="modalPopupPanel">
                        <br />
                        You are about to save this piece of data.
                        <asp:Button ID="btnOkSave" runat="server" Text="Ok" />
                        <asp:Button ID="btnCancelSave" runat="server" Text="Cancel" />
                        <br />
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender ID="mdlPopupSaveConfirm" runat="server" TargetControlID="btnSaveAll" BehaviorID="showSaveConfirm"
            OkControlID="btnOkSave" CancelControlID="btnCancelSave" PopupControlID="pnlSaveConfirm" BackgroundCssClass="modalBackground" />

これで、両方のクリックで、スポットオンになっている1つのモーダルパネルが起動します。キャンセル、キャンセルしますが、問題が1つあります。

btnOkSaveをクリックしても、btnSave1_ClickおよびbtnSave2_Clickサーバー側イベントが発生しないため、これは確認されていないようです。

私が間違ったことをしたアイデアはありますか？

4

2 に答える 2

2

実際、私は少し異なるルートをたどり、Ajaxツールキットを使用しているのを見て、ConfirmButtonExtenderの使用を実装しました。

2つの元の保存では、同じパネルを指す2つの別個のModalPopUpExtenderを設定しました。これらは、ConfirmButtonExtenderによって実行されます。

  <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender1" 
                    runat="server" ConfirmText="" Enabled="True" TargetControlID="btnSave1" DisplayModalPopupID="mdlPopupSave1Confirm">
                </ajaxToolkit:ConfirmButtonExtender>
<ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender2" 
                    runat="server" ConfirmText="" Enabled="True" TargetControlID="btnSave2" DisplayModalPopupID="mdlPopupSave2Confirm">
                </ajaxToolkit:ConfirmButtonExtender>

これらを実際のパネルに取り付けた場合：

<ajaxToolkit:ModalPopupExtender ID="mdlPopupSave1Confirm" runat="server" TargetControlID="btnSave1"
             OkControlID="btnOkSave" CancelControlID="btnCancelSave"
            PopupControlID="pnlSaveConfirm" BackgroundCssClass="modalBackground" />
            <ajaxToolkit:ModalPopupExtender ID="mdlPopupSave2Confirm" runat="server" TargetControlID="btnSave2"
             OkControlID="btnOkSave" CancelControlID="btnCancelSave"
            PopupControlID="pnlSaveConfirm" BackgroundCssClass="modalBackground" />

そして、それはまさに私がやろうとしていることを達成しました。

まだ汚れていますが、動作します:)

于 2011-10-10T20:12:14.537 に答える
1

btnOkSaveのOnClickイベントはありません。これをコントロールに追加します。

OnClick="btnSave1_Click"
于 2011-10-10T18:12:16.350 に答える