IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

ASP.NET Discussion :

JQuery.UI Dialog et ASP.NET


Sujet :

ASP.NET

  1. #1
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    11
    D�tails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 11
    Par d�faut JQuery.UI Dialog et ASP.NET
    Coucou, alors je r�capitule mon probl�me ici:

    J'ai un bouton qui ouvre un formulaire dans un popup (pour faire �a, j'utilise jQuery UI). Le souci c'est, que quelle que soit la mani�re que j'emploie pour faire marcher ce formulaire, il reste totalement inactif.

    Au d�but j'ai essay� avec un formulaire HTML classique, mais l� j'essaie de faire marcher un CreateUserWizard dans mon popup.

    Si je remplis le formulaire, �trangement, sous IE il me le valide et me renvoie sur la page courante sans ajouter l'utilisateur dans la BDD, et si je fais la m�me chose sous Firefox ou Chrome, la validation du formulaire ne provoque rien du tout.

    Voila le code contenant le dialog box qui va pop:

    Code ASP.NET : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div id="dialog-form" title="Create new user">
    	    <p class="validateTips">All form fields are required.</p>
    	    <asp:CreateUserWizard 
                    ID="CreateUserWizard1" runat="server">
                <WizardSteps>
                    <asp:CreateUserWizardStep runat="server" />
                    <asp:CompleteWizardStep runat="server" />
                </WizardSteps>
                </asp:CreateUserWizard>
    </div>

    et le javascript qui fait pop le dialog justement:

    Code Javascript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    $( "#create-user" )
    			.button()
    			.click(function() {
    				$( "#dialog-form" ).dialog( "open" );
    				// that return is a workaround for the "disappear bug" using JQuery UI Dialog
    				return false;
    			});

    Voila, merci d'avance si quelqu'un a une �bauche de solution, je commence � gal�rer avec �a

  2. #2
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    11
    D�tails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 11
    Par d�faut
    Probl�me r�solu:

    Apr�s avoir un peu fouill� sur le net, il appara�t que: jQuery.UI rajoute le code de ses widgets � la fin du document g�n�r�, � savoir APRES la </form> qui cloture la page ASP.

    Il fallait donc s'assurer que ce code soit ins�r� avant, sinon, les contr�les ne sont plus visibles entre eux.

    Voila la ligne utilis�e pour r�soudre le probl�me:

    Juste apr�s l'appel � l'ouverture de la fen�tre de dialogue

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $( "#dialog-form" ).dialog( "open" );
    On rajoute ceci:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    $( "#dialog-form" ).parent().appendTo('/html/body/form[0]');
    Si �a peut d�panner quelqu'un, moi �a m'a pris 2 jours pour isoler le bug et trouver la solution :S

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Appel Jquery AJAX sur site ASP.NET C#
    Par neo_2000_2006_59 dans le forum D�veloppement Web avec .NET
    R�ponses: 0
    Dernier message: 01/10/2013, 14h05
  2. jQuery UI Dialog & asp.net MVC
    Par pacifiquement dans le forum ASP.NET MVC
    R�ponses: 0
    Dernier message: 11/07/2011, 14h53
  3. Open file dialog dans ASP.NET application?
    Par lapirouze dans le forum ASP.NET
    R�ponses: 6
    Dernier message: 15/03/2010, 23h00
  4. JQuery autocompletion asp.net
    Par M.Mounir dans le forum jQuery
    R�ponses: 1
    Dernier message: 18/04/2009, 17h23
  5. R�ponses: 2
    Dernier message: 18/04/2007, 15h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo