comment faire pour utiliser jquery UI: la boîte de dialogue javascript confirmer?

J'ai lu beaucoup de questions à ce sujet, mais à chaque solution utilise la même solution de contournement, de l'envoi du formulaire à l'intérieur de l'jquery dialogue, quelque chose comme ceci:

 $("#dialog").dialog({
  buttons : {
    "Confirm" : function() {
      window.location.href = targetUrl;
    },
    "Cancel" : function() {
      $(this).dialog("close");
    }
  }

N'est-il pas un moyen plus facile, plus comme javascript confirmer?

<input type="submit" onclick="return confirm('are you sure?');" />

Pourquoi quelque chose comme return true, false retour ne fonctionne pas?

InformationsquelleAutor Alex Angelico | 2010-10-02
  1. 4

    Voici ce que vous pouvez faire, vous changez de type d'entrée à partir de "soumettre" à "bouton", puis, vous pouvez avoir votre script comme ceci:

    $(document).ready(function(){ 
  $("#dialog").dialog({
    autoOpen: false, 
    buttons : {
        "Confirm" : function() {
          $('#form1').submit();
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });
  $('#submitButton').click(function(){
      $("#dialog").dialog('open');
  });
});

    De cette façon, votre formulaire ne seront présenté lors de l'employée confirme la boîte de dialogue.

    La raison pour laquelle il n'a pas d'importance si vous retourne la valeur false ou true dans votre cas est que le dialogue est montré mais le code de l'événement submit continue à exécuter, à moins que vous return false juste après avoir affiché la boîte de dialogue.

    • oui, c'est ce que je ne voulais pas le faire, je pense, est malpropre, car à la fin vous avez fait valoir() partout dans le code (si vous avez des boutons et des boîtes de dialogue). mais je ne connaissais pas le modal:true option de ne pas créer une boîte de dialogue modale. Merci pour l'explication.
    InformationsquelleAutor Arturo Molina
  2. 4

    J'ai écrit le code suivant à l'utilisation de JQuery UI: la boîte de Dialogue modale de confirmation. En soumettant le formulaire par la cible de l'événement n'est pas un appel récursif de la soumettre gestionnaire d'événement.

    $(function () {
    $('form[action*="/Delete"]').submit(function (e) {
        e.preventDefault();

        $("<div>Are you sure you want to delete this?</div>").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                Ok: function () {
                    e.target.submit();
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });
    });
});
    InformationsquelleAutor WDuffy
  3. 1

    C'est parce que jQuery UI les dialogues ne sont pas techniquement modal, à la différence de confirm et alert. Ils n'ont pas de pause le code javascript que vous êtes dans le processus de l'exécution. Mais vous pouvez obtenir essentiellement la même chose comme ceci:

    function restOfTheCode(returnValue)
{
    //do stuff
}

$("#dialog").dialog({
    buttons : {
        "Confirm" : function() { $(this).dialog("close"); restOfTheCode(true); },
        "Cancel" : function() { $(this).dialog("close"); restOfTheCode(false); }
    }
});

//anything down here executes immediately after the dialog is shown, so that's no good.

    Est équivalent à:

    var returnValue = confirm("Are you sure you want to confirm?");
//do stuff

    Edit: bon, avec l'ajout de soumettre la question de l'autre code ici n'a aucun sens. Mais l'explication est la même: ce n'est pas modale. Si tu le voulais vraiment, vous pouvez simuler ce:

    function modalDialogConfirm()
{
    var buttonClicked = false;
    var valueSelected;

    $("#dialog").dialog({
        buttons : {
            "Confirm" : function() { $(this).dialog("close"); buttonClicked = true; valueSelected = true; },
            "Cancel" : function() { $(this).dialog("close"); buttonClicked = true; valueSelected = false; }
        }
    });

    function y { setTimeOut("x()", 100); }
    function x { setTimeOut("y()", 100); }

    while(!buttonClicked);

    return valueSelected;
}

    ...mais cela bloque le navigateur, il n'est donc pas un tas d'utile...

    InformationsquelleAutor Ian Henry