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 MVC Discussion :

Modal popup - Jquery et partial View


Sujet :

ASP.NET MVC

  1. #1
    Membre éclairé
    Inscrit en
    Février 2006
    Messages
    522
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 522
    Par défaut Modal popup - Jquery et partial View
    Bonjour,

    J'utilise Jquery UI pour afficher une popup. Dans la popup, il y a une vue partielle qui est affichée permettant à un utilisateur de choisir un fichier excel et de l'importer en base.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $('#divDialog').dialog('open');
                    $('#divDialog').dialog({
                        modal: true,
                        draggable: true,
                        closeOnEscape: true,
                        resizable: true,
                        width: 500,
                        height: 'auto'
                    });

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
      $.get('<%= Url.Action("Save","Import") %>', null, function(data) {
                  ...
                });
            })
    Pas de problème jusque la, l'import se fait bien.

    Le problème vient de la fin du traitement. Comment faire, lorsque l'action se termine, pour que l'utilisateur reste sur la vue par défaut (car le lien pour afficher la popup est tjs visible) en fermant la modal popup?

    Merci!

  2. #2
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2011
    Messages
    31
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2011
    Messages : 31
    Par défaut
    bonjour,

    si j'ai bien compris, ceci est a mettre dans le retour de Import/Save.

    genre: return View("TaVueParDefaut")

  3. #3
    Membre éclairé
    Inscrit en
    Février 2006
    Messages
    522
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 522
    Par défaut
    Je dois mal faire qq chose alors..

    En fait je suis une page et lorsque je clique sur un lien, j'ouvre un modal popup avec jquery. Dans cette popup, j'affiche une vue partielle qui me permet de faire un import de fichier. Dans le controlleur, si je retourne une vue (ou mm une vue partielle) il va l'afficher au niveau de la page ... et non pas au niveau de la popup...

  4. #4
    Membre confirmé
    Inscrit en
    Avril 2011
    Messages
    101
    Détails du profil
    Informations forums :
    Inscription : Avril 2011
    Messages : 101
    Par défaut JQuery UI
    Salut, je testais JQuery et MVC3 ce matin, je vais bientot faire comme toi, une popup formulaire. Je suis tombé sur ce tuto pas mal mais je l'ai pas testé, peut etre que ça t'aidera:

    Enhancement tutorial with JQuery

    Bon courage

  5. #5
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2011
    Messages
    31
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2011
    Messages : 31
    Par défaut
    bonjour,
    mais d'après ce que t'avais dis, tu voulais retourner à ta page par défaut, c'est bien ca?
    si tu veux rester sur ton modal, la c'est ajax avec un updateTargetID sur le composant html qu'est ton popup.

  6. #6
    Membre éclairé
    Inscrit en
    Février 2006
    Messages
    522
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 522
    Par défaut
    Merci des réponses !

    Oui j'aimerais en effet voir la réponse sur la modal, je m'étais mal exprimé.
    Par contre je ne peux pas utiliser ajax beginform il me semble car je voudrais uploader un fichier avec le formulaire de la modal ....

  7. #7
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 6
    Par défaut
    Bonjour,

    Si je comprends bien, tu souhaiterais poster ton formulaire en ajax, de façon à garder la modale ouverte et ne pas provoquer de rechargement de la page (ou juste mettre à jour le contenu de la modale) ?

    Si oui, tu te retrouves confronté au soucis suivant : il n'est pas possible de poster un fichier en javascript.

    Pour contourner cette limitation, tu peux utiliser une frame par exemple.
    cf. http://www.webtoolkit.info/ajax-file-upload.html pour un exemple d'implémentation.

    Toutes les solutions de contournement s'apparentent quelque part à de la bidouille, mais tu es obligé (sinon tu passes par un post "classique" avec rechargement de toute la page)

  8. #8
    Membre éclairé
    Inscrit en
    Février 2006
    Messages
    522
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 522
    Par défaut
    Oui c'est ca... j'aimerais pouvoir mettre à jour la modal (juste dire si l'import s'est passé correctement) et pas la page qui a appelé la modal...

    du coup j'ai du recharger toute la page en réaffichant une modal selon si le succès ou l'échec de l'import du fichier ...

  9. #9
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 6
    Par défaut
    Tu n'as pas essayé la solution de l'IFrame ?

    Ce n'est certes pas élégant niveau code, mais au moins tu n'as pas à recharger la page (et la modale ensuite). On pourrait croire que c'est un appel Ajax classique

Discussions similaires

  1. fonctionnement webPart avec jquery et des Partial View
    Par mvc_dev dans le forum ASP.NET MVC
    Réponses: 0
    Dernier message: 20/02/2013, 18h07
  2. Réponses: 7
    Dernier message: 08/04/2010, 16h10
  3. Fenetre Modal Popup
    Par Knightrider dans le forum Windows Forms
    Réponses: 2
    Dernier message: 26/08/2009, 12h08
  4. Upload dans modal popup
    Par smp82 dans le forum ASP.NET
    Réponses: 0
    Dernier message: 06/05/2009, 12h15

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