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 :

Recharger la tab en cours après modification


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Femme Profil pro
    Développeur Java
    Inscrit en
    Octobre 2010
    Messages
    166
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Octobre 2010
    Messages : 166
    Par défaut Recharger la tab en cours après modification
    Bonjour,

    J'utilise codeigniter, grocery crud et jquery.

    Voici ma page contenant plusieurs onglets:
    Code html : 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
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
    <li class="active"><a href="#info" id="versinfo" data-toggle="tab">Informations</a></li>
    <li><a href="#dept" id="versdept" data-toggle="tab">D&eacute;partement</a></li>
    <li><a href="#poste" id="verspst" data-toggle="tab">Poste</a></li>
    <li><a href="#indem" id="versidm" data-toggle="tab">Indemnit&eacute;</a></li>
    <li><a href="#autre" id="versotr" data-toggle="tab">Autre</a></li>
    </ul>
    <div id="my-tab-content" class="tab-content">
    <div class="tab-pane active" id="info">
    	<div style='height:20px;'></div> 
        <div id="infos" >
        </div> 
    </div>
    <div class="tab-pane" id="dept">
    	<div style='height:20px;'></div> 
        <div id="tablesdpt" >
        </div> 
    </div>
    <div class="tab-pane" id="poste">
    	<div style='height:20px;'></div> 
        <div id="tablespst" >
        </div> 
    </div>
    <div class="tab-pane" id="indem">
    	<div style='height:20px;'></div> 
        <div id="tablesidm" >
        </div> 
    </div>
    <div class="tab-pane" id="autre">
    	<div style='height:20px;'></div> 
        <div id="tablesotr" >
        </div> 
    </div>
    </div>

    Je me trouve maintenant sur l'onglet #dept contenant un grocerycrudtable
    et je clique sur un bouton de cet onglet qui m'affiche un dialog permettant d'insérer une ligne dans ma base de connées
    en fermant le dialog je reviens évidemment sur l'onglet mais je veux le réactualiser (ou réactualiser le grocerycrudtable) pour que les données nouvellement insérées puissent s'afficher

    voici une part du jquery
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    valider : {
        text : "Modifier",
        click : function(){
            $.post(getRootPath()+"index.php/rh_configurationajax/modifDept",recupDataModif(),function(data){
            	$('#DepForme').dialog("close");
            });
    }
    que dois-je mettre après $('#DepForme').dialog("close");?
    notons que ce n'est pas de l'extjs, et que mon jquery ne reconnait pas les appels à tab('show') => tab() is not a function.
    J'ai pas mal cherché sur les forums et tout mais les solutions n'ont pas résolues mon problème.

    Merci de l'aide.

  2. #2
    Membre confirmé
    Femme Profil pro
    Développeur Java
    Inscrit en
    Octobre 2010
    Messages
    166
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Octobre 2010
    Messages : 166
    Par défaut
    j'ai juste ajouter
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $.post(getRootPath()+"index.php/new_parametre/departement",{action:"ok"},function(data){
    	      				$("#tablesdpt").html(data); 
    	  				});
    en bas de $('#DepForme').dialog("close");

    ça marche mais ça m'affiche souvent l'erreur:
    Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'

    et je dois recliquer plusieurs fois sr le bouton dont je vous ai parlé. une idée?

Discussions similaires

  1. [AJAX] Recharger un div après modification
    Par Lprofessionnelle dans le forum jQuery
    Réponses: 7
    Dernier message: 11/06/2014, 17h36
  2. [AC-2007] Retour sur enregistrement en cours après modification
    Par kmaurais79 dans le forum Access
    Réponses: 7
    Dernier message: 25/01/2011, 21h28
  3. Empecher Lecture d'Enregistrement en cours de Modification
    Par toony dans le forum Administration
    Réponses: 4
    Dernier message: 09/12/2009, 11h18
  4. Erreur de compilation après modification du Uses
    Par DevelOpeR13 dans le forum Langage
    Réponses: 5
    Dernier message: 30/10/2007, 14h23
  5. [] Datagrid vide après modification des propriétés
    Par SpaceFrog dans le forum VB 6 et antérieur
    Réponses: 9
    Dernier message: 20/09/2002, 16h37

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