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

jQuery Discussion :

Actualiser contenu jQuery SimpleModal


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 43
    Par défaut Actualiser contenu jQuery SimpleModal
    Bonjour,

    J'utilise actuellement le plugin jQuery SimpleModal dans une application ASP.NET. Ce dernier me permet d'afficher, dans une fenêtre de style popin une gridview ainsi qu'un formulaire. Ces deux éléments se trouvent dans un UpdatePanel. Un bouton permet de valider le formulaire et de mettre à jour la gridview. Malheureusement, les données ne sont pas mises à jour dans ma fenêtre modale.
    Concrètement, l'évènement OnClick de mon bouton se déclenche bien, les actions sont réalisées, mais je ne peux pas apercevoir le résultat dans ma fenêtre SimpleModal. Pour cela, il faut que je la ferme, puis l'ouvre à nouveau.

    Afin de m'assurer que le problème provenait de SimpleModal et non pas de l'UpdatePanel, j'ai effectué un test avec ce même cas, sans SimpleModal. Cela fonctionne parfaitement.

    Voici mon code, simplifié :

    ASP.NET
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <asp:UpdatePanel runat="server" ID="UP1" >
            <ContentTemplate>
                <div id="div1">
                       <asp:GridView id="GV1" ... ></asp:GridView>
                       <asp:Button ID="Button1" runat="server" OnClick="Action" Text="Ajouter" />
                </div>
            </ContentTemplate>
    </asp:UpdatePanel>
    Code-behind
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     Public Sub Action(ByVal sender As Object, ByVal e As EventArgs)
            ' Actions
            GV1.Databind()
    End Sub
    jQuery
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    $("#div1").modal({
    	appendTo: "form",
    	overlayClose: true,
    	opacity: 70,
    	overlayCss: { backgroundColor: "#fff" },
    	persist:true,
    	onOpen: function(dialog) {
    		dialog.overlay.fadeIn('fast', function() {
    			dialog.data.hide();
    			dialog.container.fadeIn('fast', function() {
    				dialog.data.slideDown('slow');
    			});
    		});
    	},
    	onClose: function(dialog) {
    		dialog.data.slideUp('slow', function() {
    			dialog.container.fadeOut('fast', function() {
    				dialog.overlay.fadeOut('fast', function() {
    					$.modal.close();
    				});
    			});
    		})
    	}
    });
    Pour résoudre ce problème, il suffirait selon moi de rafraichir le contenu de la fenêtre simplemodal. Seulement, je ne trouve pas de solution.
    Avez-vous une idée ?

    Merci par avance.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Avant toute chose, merci de poster le code HTML généré et pas le code serveur !
    Important : Les règles incontournables d'utilisation de ce forum
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 43
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Avant toute chose, merci de poster le code HTML généré et pas le code serveur !
    Important : Les règles incontournables d'utilisation de ce forum
    Le code HTML n'aidera en rien. Tout est là.
    Le code serveur permet surtout de comprendre ce que je fais. Désolé si ça va à l'encontre des règles, mais c'était selon moi nécessaire pour bien expliquer mon problème.

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Août 2009
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 43
    Par défaut
    Problème résolu. L'UpdatePanel était placé en dehors de la fenêtre popin. Erreur bête.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment faire popur actualiser le contenu d'un div?
    Par Ministar dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 13/09/2007, 23h46
  2. Réponses: 1
    Dernier message: 16/08/2007, 09h43
  3. [WD10] [zone repetee] Actualiser le contenu
    Par Root_JDK dans le forum WinDev
    Réponses: 5
    Dernier message: 01/05/2007, 17h34
  4. Comment actualiser le contenu d'un répertoire
    Par nbelg27 dans le forum Access
    Réponses: 9
    Dernier message: 28/04/2006, 10h22
  5. actualiser le contenu d'une div
    Par Benjiijneb dans le forum Général JavaScript
    Réponses: 19
    Dernier message: 08/02/2006, 10h17

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