Comment déclencher une publication de bouton ASP.NET à partir d'une boîte de dialogue jQuery UI ?

Intégration des boîtes de dialogue de l'interface utilisateur jQuery avec les publications de boutons ASP.NET

Améliorez vos pages Web ASP.NET avec les boîtes de dialogue interactives de l'interface utilisateur jQuery. Cependant, le déclenchement des publications de boutons ASP.NET côté serveur à partir de ces boîtes de dialogue nécessite une approche spécifique.

Voici le défi : une boîte de dialogue jQuery UI standard, si elle n'est pas correctement intégrée, ne déclenchera pas automatiquement l'événement Click du bouton ASP.NET associé. En effet, la boîte de dialogue est généralement affichée en dehors des limites du formulaire.

Problème et solution :

L'extrait de code suivant illustre le problème :

<code class="language-javascript">jQuery(function() {
    jQuery("#dialog").dialog({
        draggable: true,
        resizable: true,
        show: 'Transfer',
        hide: 'Transfer',
        width: 320,
        autoOpen: false,
        minHeight: 10,
        minwidth: 10
    });
    jQuery("#button_id").click(function(e) {
        jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
        jQuery('#dialog').dialog('open');
    });
});</code>

Ce code, tel quel, ne parviendra pas à exécuter le btnButton_Click gestionnaire d'événements côté serveur.

La solution consiste à s'assurer que la boîte de dialogue est correctement positionnée dans le formulaire ASP.NET. Modifiez le code comme suit :

<code class="language-javascript">jQuery(function() {
    var dlg = jQuery("#dialog").dialog({
                         draggable: true,
                         resizable: true,
                         show: 'Transfer',
                         hide: 'Transfer',
                         width: 320,
                         autoOpen: false,
                         minHeight: 10,
                         minwidth: 10
                     });
    dlg.parent().appendTo(jQuery("form:first"));
});</code>

Ce code ajusté ajoute l'élément parent de la boîte de dialogue au premier formulaire de la page (jQuery("form:first")). Cette étape cruciale garantit que la boîte de dialogue fait désormais partie du processus de soumission du formulaire, permettant ainsi à la publication du bouton ASP.NET de fonctionner correctement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!