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 :

Plugin appendGrid jQuery [AJAX]


Sujet :

jQuery

  1. #1
    Membre averti
    Inscrit en
    Juin 2004
    Messages
    42
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 42
    Par défaut Plugin appendGrid jQuery
    Bonjour à tous,

    Je parviens à utiliser le plugin appendGrid pour construire une table. Toutefois les noms de colonnes (et paramétrage) sont statique
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    $('#tblAppendGrid').appendGrid({
    		caption: 'titre',
    		initRows: 2,
    		columns: [
    		{ name: 'Nom', display: 'Le nom', type: 'text', ctrlAttr: { maxlength: 255 }, ctrlCss: { width: '160px'} },
     
    		{ name: 'Year', display: 'Year', type: 'text', ctrlAttr: { maxlength: 4 }, ctrlCss: { width: '40px'} },
    		{ name: 'Origin', display: 'Origin', type: 'select', ctrlOptions:option1 },
    		{ name: 'Poster', display: 'With Poster?', type: 'checkbox' },
    		{ name: 'Charge', display: 'Price', type: 'text', ctrlAttr: { maxlength: 10 }, ctrlCss: { width: '50px', 'text-align': 'right' }, value: 0 },
    		{ name: 'RecordId', type: 'hidden', value: 0 }
    		]
    	});
    Je souhaiterais que la construction de column soit issu de mysql/php.
    Je parviens a faire un appel ajax et récupérer le contenu :
    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
     
    $.ajax({
    		   url:'ajx_grid.php',
    		   datatype:"application/json",
    		   type:'get',
    		   data: 'q=cat', 
    		   success:function(data){
    		     console.log(data);
    		     //Mes donnees de php (array)
    		     chargeGrid();
    		   },
    		   error:function(){
    		      // code for error
    		   }
    		 });
    Je pensais construire un array en php et le passer avec json_encode. Mais je n'arrive pas a boucler sur ce tableau pour l'utiliser dans la déclaration du appendGrid.

    Comment y parvenir ?

    Merci par avance pour votre aide.

    Ti,

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    qu'attend ta méthode appendGrid(), un objet formaté.

    Passe lui donc en retour de requête cet objet
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    success:function(data){
      console.log(data);
      //Mes donnees de php (array)
      var objJSON = JSON.parse( data);
      $('#tblAppendGrid').appendGrid( objJSON);
    },

  3. #3
    Membre averti
    Inscrit en
    Juin 2004
    Messages
    42
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 42
    Par défaut
    Super... Merci.
    C'est effectivement comme ceci que je m'en suis sorti.
    Mon array php était mal formé.

    Merci pour ton aide

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

Discussions similaires

  1. Plugin jqFancyTransitions Jquery
    Par Blueyes50 dans le forum jQuery
    Réponses: 1
    Dernier message: 15/06/2012, 17h03
  2. plugin validate jquery
    Par rhzzz dans le forum jQuery
    Réponses: 0
    Dernier message: 20/10/2011, 22h12
  3. Plugin Autocomplete Jquery sous IE
    Par Pataglacon dans le forum jQuery
    Réponses: 2
    Dernier message: 14/06/2011, 17h31
  4. Réponses: 7
    Dernier message: 08/04/2011, 10h35

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