Utilisation du dialogue jquery-ui comme dialogue de confirmation avec un ASP: LinkButton (comment appeler le postbck)

Question

Je voudrais utiliser la boîte de dialogue de jQuery UI pour implémenter une boîte de dialogue de confirmation qui s'affiche lorsque l'utilisateur clique sur un lien de suppression (implémenté en utilisant un asp:LinkButton).
J'utilise le code comme indiqué ci-dessous (copié à partir de la documentation ui jquery):

<!-- the delete link --> 
<asp:LinkButton ID="btnDelete" runat="server" Text="Delete" 
    OnClick="btnDelete_Click" CssClass="btnDelete"></asp:LinkButton> 

<!-- the confirm-dialog --> 
<div id="dialog-confirm-delete" title="Delete?" style="display:none;"> 
    <p>Are you sure you want to permanently deleted the selected items?</p> 
</div> 

<script> 
$(document).ready(function() { 
    // setup the dialog 
    $('#dialog-confirm-delete').dialog({ 
     autoOpen: false, 
     modal: true, 
     buttons: { 
      "Delete all items": function() { 
       $(this).dialog("close"); 
       // ===>>> how to invoke the default action here 
       }, 
      Cancel: function() { $(this).dialog("close"); } 
     } 
    }); 

    // display the dialog 
    $('.btnDelete').click(function() { 
     $('#dialog-confirm-cancel').dialog('open'); 
     // return false to prevent the default action (postback) 
     return false; 
    }); 

}); 
</script> 

Ainsi, dans le gestionnaire d'événements click, je dois prévenir l'action par défaut du LinkButton (le postback) et affiche à la place le dialogue

Ma question est: comment puis-je invoquer l'action par défaut (la publication) du lien de suppression pour effectuer la publication au cas où l'utilisateur cliquait sur le bouton "Supprimer tous les éléments" de la boîte de dialogue?

Answer 1

OK, voici mon approche (cela fonctionne, mais il pourrait ne pas être la meilleure solution):

$(document).ready(function() { 
    $('#dialog-confirm-cancel').dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     "Delete all items": function() { 
     // invoke the href (postback) of the linkbutton, 
     // that triggered the confirm-dialog 
     eval($(this).dialog('option', 'onOk')); 
     $(this).dialog("close"); 
     }, 
     Cancel: function() { $(this).dialog("close"); } 
    } 
    }); 

    $('.btnDelete').click(function() { 
    $('#dialog-confirm-delete') 
     // pass the value of the LinkButton's href to the dialog 
     .dialog('option', 'onOk', $(this).attr('href')) 
     .dialog('open'); 
    // prevent the default action, e.g., following a link 
    return false; 
    }); 
}); 

Answer 2

Si vous regardez le Project Awesome on Codeplex il a une implémentation générique d'une boîte de dialogue de confirmation que vous pouvez inspecter pour votre portée.

Answer 3

Essayez d'ajouter $("#yourformid").submit(); à cet endroit // ===>>> how to invoke the default action here. Selon le : "... l'action de soumission par défaut sur le formulaire sera déclenchée, de sorte que le formulaire sera soumis."

Modifier
Vous pouvez essayer de faire quelque chose comme ceci:

$('.btnDelete').click(function (event, confirmed) { 
    if (confirmed) { 
     return true; 
    } else { 
     $('#dialog-confirm-cancel').dialog('open'); 
     // prevent the default action, e.g., following a link 
     return false; 
    } 
});

Et puis dans votre supprimer toutes les fonctions des éléments:

"Delete all items": function() { 
    $(this).dialog("close"); 
    $('.btnDelete').trigger("click", [true]); 
},

Answer 4

donc vous a empêché l'action par défaut du lien (en suivant le lien), non? Donc, l'ajout de location.replace('path/to/file'); après $(this).dialog('close'); résoudrait votre problème.

Je ne suis pas sûr d'avoir bien compris votre question.

Answer 5

Si vous ne faites rien de plus que ce que vous pouvez confirmer ajouter un attribut au bouton.

<asp:LinkButton ID="btnDelete" runat="server" Text="Delete" 
    OnClientClick="if(!confirm('Are you sure?'))return false;" CssClass="btnDelete"></asp:LinkButton> 

Answer 6

$('#dialog-confirm-delete').dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     Cancel: function() { 
      $(this).dialog("close"); 
     }, 
     "Delete all items": function() { 
      $(this).dialog("close"); 
      // ===>>> how to invoke the default action here 
     } 
    } 
}); 

Answer 7

Si vous utilisez un LinkButton vous pouvez le faire:

__doPostBack ("<% = lnkMyButton.UniqueID%>", "");