ドロップダウンリストによってトリガされるAJAX ModalPopup

Question

ドロップダウンリストの「削除」項目が選択されている場合、AJAX ModalPopupを介して確認ダイアログを表示します。

[OK]ボタンをクリックすると（確認ダイアログ内）、削除メソッドを呼び出す必要があります。

ModalPopupのOnOkScriptプロパティにはJavaScriptメソッドが必要なため、サーバーサイドメソッドを直接呼び出す方法はありません。

どうすればよいですか？

削除メソッドを非表示のボタンの中に配置する必要がありますか？それはjavascript関数（OnOkScript）への参照を渡してから、__doPostBack経由で呼び出します。

もっと簡単な方法はありますか？

Answer 1

あなたのOnOkScript JavaScriptメソッドでは、削除を行うためにサーバー側のページにAJAX POSTを実行します。

Answer 2

サーバー側のコードで要求されたすべてを行うオプションがあります。

は似たものとして、あなたのマークアップを設定します。

<asp:DropDownList 
    AutoPostBack="true" 
    OnSelectedIndexChanged="ConfirmDelete_SelectedIndexChanged" 
    runat="server" /> 

<asp:LinkButton 
    ID="btnNotInUse" 
    runat="server" /> 

<asp:Panel 
    ID="pnlPopup" 
    style="display:none;" 
    runat="server"> 
    This is your confirmation dialog.<br /> 
    <asp:Button ID="btnDelete" runat="server" /> 
</asp:Panel> 

<ajaxToolkit:ModalPopupExtender 
    ID="mpeModal" 
    TargetControlID="btnNotInUse" 
    PopupControlID="pnlPopup" 
    runat="server" /> 

今、あなたのDropDownListの変更は、次のようになります。サーバーイベント "ConfirmDelete_SelectedIndexChanged"、クビとき：

protected void ConfirmDelete_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    if(/*some logic that states if "delete" is selected*/) 
     mpeModal.Show(); 
} 

Inをドロップダウンで選択範囲を変更すると、サーバーは「削除」が選択されているかどうかを確認します。そうであれば、あなたのモーダルポップアップが表示され、実際にあなたのデータソースから削除することができます。