Comment soumettre le formulaire en jquery dialogue de l'interface utilisateur et d'afficher sa réponse

Hi
Je suis à l'aide de jquery ui dialogue et d'essayer de soumettre le formulaire à l'aide d'ajax et d'afficher sa réponse. Jusqu'à la forme du dialogue et de l'ajax demande de son travail bien, mais ne sais pas comment afficher sa réponse dans la même boîte de dialogue. Toute suggestion va m'aider.

Un code peut jeter un peu de lumière...

OriginalL'auteur binay | 2010-11-23

  1. 5

    Supposons que vous avez le balisage suivant

    <div id="__DialogPanel" style="display:none" title=""></div>

    Avec ce code de configuration de la boîte de dialogue

    $("#__DialogPanel").dialog({
    autoOpen: false,
    resizable: false,
    position: 'center',
    stack: true,
    height: 'auto',
    width: 'auto',
    modal: true
});

    Avec ce code, vous afficher la boîte de dialogue et inclure les résultats d'un appel ajax

    $.ajax({
    type: "get",
    dataType: "html",
    url: 'some/url',
    data: {},
    success: function(response) {
        $("#__DialogPanel").empty().html(response).dialog('open');
    }
});

    Avec ce code, vous soumettre le formulaire dans la boîte de dialogue, puis la fermer si tout est ok ou sur écran affiche à nouveau le formulaire comporte des erreurs

    $.ajax({
    type: 'post',
    dataType: 'html',
    url: '/someother/url',
    async: false,
    data: $("#myform").serialize(),
    success: function (response, status, xml) {
        //Check for error here
        if (error) {
            $("#myform").parent().html('').html(response);
        }
        else {
            $("#__DialogPanel").dialog('close');
        }
    }
});

    Espère que cela aide!

    OriginalL'auteur Lorenzo

  2. 0

    Je suppose que vous ouvrez votre boîte de dialogue comme ceci:

    $.post('xyz.htm', function(data) { $('#mydialog .mytarget').html(data).slideDown(); });

    L'astuce est d'utiliser la fonction de rappel (qui reçoit comme paramètre de la réponse), et le dumping de la réponse dans votre élément souhaité.

    OriginalL'auteur Gidon