Problème du widget Dialog de JQuery UI avec IE et ASP.NET

Question

En Dialogue JQuery UI Le widget de formulaire modèle a un problème avec ASP.NET lorsqu'on clique sur un bouton de la boîte de dialogue pour soumettre la page. Cela ne fonctionne pas parce que les éléments du formulaire dans la fenêtre de dialogue sont en dehors des balises html du formulaire. J'ai donc utilisé la solution consistant à faire $("#dialog").parent().appendTo($("form:first")) ;.

Cela fonctionne dans Firefox mais pas dans IE car la fenêtre modale semble maintenant faire partie du reste de la page web qui est désactivée. Visuellement, cela est évident grâce aux bandes qui apparaissent à la fois sur la fenêtre modale et sur le reste de la page Web.

Answer 1

Vous devriez placer la div qui contient le dialogue à l'intérieur des balises du formulaire pour commencer.

Answer 2

Vous pouvez toujours soumettre le formulaire manuellement en modifiant le bouton en :

$('#myButton').click(function(){
  $('form:first').submit();
});

Answer 3

J'ai eu le même problème. Vous devez l'ajouter au formulaire à l'ouverture. Cela a fonctionné sur toutes les versions de navigateurs modernes que j'ai pu trouver.

$('#foobar').dialog({
    autoOpen: false,
    modal: true,
    open: function () { $('#foobar').parent().appendTo('form:first') },
    title: 'FOOBAR'
});