AJAX ModalPopup вызвано выпадающим списком

Question

Если выбран пункт «Удалить» в выпадающем списке, я хочу отобразить диалоговое окно подтверждения через AJAX ModalPopup.

Если нажата кнопка ОК (в диалоговом окне подтверждения), должен быть вызван метод удаления.

Поскольку для свойства OnOkScript в ModalPopup требуется метод JavaScript, очевидно, что прямого способа вызвать метод на стороне сервера не существует.

Что мне делать?

Должен ли я поместить метод удаления в скрытую кнопку, передать его ссылку на функцию javascript (OnOkScript) и затем вызвать его через __doPostBack?

Есть ли более простой способ?

Answer 1

У вас есть возможность делать все запрошенное через код на стороне сервера.

Установите разметку как нечто похожее:

<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();
}

Фактически, когда вы изменяете выбор в раскрывающемся списке, сервер проверяет, был ли выбран «Удалить». Если это так, ваше модальное всплывающее окно теперь отображается с кнопкой, которая на самом деле может удалить из вашего источника данных или сделать все, что вам нужно.

Answer 2

В вашем методе JavaScript OnOkScript выполните AJAX POST на странице на стороне сервера, чтобы выполнить удаление.