AJAX ModalPopup déclenché par la liste déroulante

Question

Si l'option "supprimer" de la liste déroulante est sélectionnée, je souhaite afficher une boîte de dialogue de confirmation via AJAX ModalPopup.

Si vous cliquez sur le bouton OK (dans la boîte de dialogue de confirmation), la méthode de suppression doit être appelée.

Étant donné que la propriété OnOkScript de ModalPopup nécessite une méthode JavaScript, il n'existe évidemment aucun moyen direct d'appeler la méthode côté serveur.

Que dois-je faire?

Dois-je placer la méthode de suppression à l'intérieur d'un bouton caché, passer sa référence à une fonction javascript (OnOkScript) et l'appeler via __doPostBack?

Existe-t-il un moyen plus simple?

Answer 1

Dans votre méthode javascript OnOkScript, effectuez un AJAX POST sur une page côté serveur pour effectuer la suppression.

Answer 2

Vous avez la possibilité de faire tout ce qui est demandé via le code côté serveur.

Définir vos balises comme quelque chose de similaire:

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

Maintenant, quand vos changements DropDownList, vous allez déclencher l'événement du serveur "ConfirmDelete_SelectedIndexChanged", qui ressemble à ce qui suit:

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

En Effet, lorsque vous modifiez une sélection dans la liste déroulante, le serveur vérifie si "Supprimer" a été sélectionné. Si c'est le cas, votre popup modal est maintenant affiché avec un bouton qui peut effectivement supprimer de votre source de données ou faire tout ce que vous devez accomplir.