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 :

jqGrid et personnalisation


Sujet :

jQuery

  1. #1
    Membre confirmé
    Homme Profil pro
    A la découverte de la POO
    Inscrit en
    Mai 2009
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : A la découverte de la POO

    Informations forums :
    Inscription : Mai 2009
    Messages : 93
    Par défaut jqGrid et personnalisation
    Bonjour à tous
    j'ai un joli tableau en jqGrid et j'ai 2 questions pour améliorer l'existant :
    comment puis je faire pour ajouter une image à la main ? que ce soit dans une colonne existante ou dans une colonne à part ?

    Enfin, comment faire pour récupérer l'ID de ma ligne pour l'utiliser par exemple pour un lien contenant l'id.

    je sais que j'avais lu un truc dessus mais je n'arrive pas à le retrouver ...

  2. #2
    Membre confirmé
    Homme Profil pro
    A la découverte de la POO
    Inscrit en
    Mai 2009
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : A la découverte de la POO

    Informations forums :
    Inscription : Mai 2009
    Messages : 93
    Par défaut
    Quand je générai un tableau en php je mettais dans ma boucle un simple

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<td><img src="..." /></td>';
    je faisais un condition qui mettais telle ou telle autre image en fonction d'un paramètre récupéré de ma base.

    Je voudrai savoir comment faire la meme chose avec jqGrid.

    exemple : une liste de véhicules avec in id_type_vl
    si c'est 1 (voiture) afficher une voiture
    si c'est 2 (moto) afficher une moto ...

    Quelqu'un a une idée ?

  3. #3
    Membre chevronné
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2012
    Messages
    328
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Cantal (Auvergne)

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

    Informations forums :
    Inscription : Août 2012
    Messages : 328
    Par défaut
    je connais rien à jqGrid (j'utilise jquery datatables), mais pourquoi tu ne fait simplement pas ça avec une classe ? Tu met une classe moto, auto, etc sur tes éléments et tu ajoute l'image en css ?

    Je sais pas si ça peux aider dans ton contexte

  4. #4
    Membre confirmé
    Homme Profil pro
    A la découverte de la POO
    Inscrit en
    Mai 2009
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : A la découverte de la POO

    Informations forums :
    Inscription : Mai 2009
    Messages : 93
    Par défaut
    Citation Envoyé par v1cent Voir le message
    je connais rien à jqGrid (j'utilise jquery datatables), mais pourquoi tu ne fait simplement pas ça avec une classe ? Tu met une classe moto, auto, etc sur tes éléments et tu ajoute l'image en css ?

    Je sais pas si ça peux aider dans ton contexte
    merci v1cent, tu es bien seul à participer à ces forums !

    Pour info, j'utilise aussi datatables, entre les 2 , il y a des arguments pour et contre ...
    Pour faire simple : jqgrid est plus rapide, resultat tres pro en quelques lignes de code, et surtout c'est un vrai CRUD immédiatement fonctionnel. la selection par liste sur 1 ou plusieurs champ est tres bien faite.
    exemple: http://manu-jdr.fr/tableau_pouvoirs.php

    datatables crée le tableau en fonction du html généré et donc tu peux ajouter une classe, des images des conditions, bref tout ce que l'on sait faire. la recherche par mot clé est mieux faite sur datatables.
    exemple: http://manu-jdr.fr/section_aventures.php

    le probleme est que si jqgrid est rapide c'est qu'il génère le tableau en js et je ne sais pas comment insérer une class ou une image comme on peut le faire avec datatables.

  5. #5
    Membre chevronné
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2012
    Messages
    328
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Cantal (Auvergne)

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

    Informations forums :
    Inscription : Août 2012
    Messages : 328
    Par défaut
    Trouvé ça en fouillant dans la doc :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
       	colModel:[
       		{name:'invdate',index:'invdate', width:90},
       		{name:'name', index:'name',	width:100,
    			cellattr: function(rowId, value, rowObject, colModel, arrData) {
    				return " style=display:none; ";
    			}
    		},
       	],
    This function add attributes to the cell during the creation of the data - i.e dynamically. By example all valid attributes for the table cell can be used or a style attribute with different properties. The function should return string. Parameters passed to this function are:
    rowId - the id of the row
    val - the value which will be added in the cell
    rawObject - the raw object of the data row - i.e if datatype is json - array, if datatype is xml xml node.
    cm - all the properties of this column listed in the colModel
    rdata - the data row which will be inserted in the row. This parameter is array of type name:value, where name is the name in colModel
    ça pourrait te permettre d'ajouter un attribut class en fonction d'une valeur dans ta table

  6. #6
    Membre confirmé
    Homme Profil pro
    A la découverte de la POO
    Inscrit en
    Mai 2009
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : A la découverte de la POO

    Informations forums :
    Inscription : Mai 2009
    Messages : 93
    Par défaut
    Ça m'a l'air de répondre à ma problématique !
    Mais je lutte depuis longtemps pour le faire fonctionner.
    As-tu réussi à le faire fonctionner ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    "colModel":[
    				{name:'Date',index:'Date', width:30},
    j'ai mis le nom d'une de mes colonnes que je voulais réduire et ça ne fait rien !

    et pour
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     {name:'name', index:'name',	width:100,
    					cellattr: function(rowId, value, rowObject, colModel, arrData) {
    						return " style=display:none; ";
    					}
    				},
    Que mettre dans name et index ? Pas une colonne forcement puisque je veux qu'une ligne soit affectée si et seulement si elle répond à un critère.

  7. #7
    Membre confirmé
    Homme Profil pro
    A la découverte de la POO
    Inscrit en
    Mai 2009
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : A la découverte de la POO

    Informations forums :
    Inscription : Mai 2009
    Messages : 93
    Par défaut
    Quelqu'un d'autre a reussi à mettre des images (avec un lien qui récupère un id dans l'ideal ) dans un tableau jqGrid ?

Discussions similaires

  1. [MFC] Comment personnaliser sa police de caractères ?
    Par Guybrush113 dans le forum MFC
    Réponses: 11
    Dernier message: 26/05/2004, 07h29
  2. [langage] personnaliser le tri
    Par schnecke dans le forum Langage
    Réponses: 3
    Dernier message: 24/03/2004, 15h14
  3. Personnaliser un rapport d'erreur sous Windows XP
    Par Neilos dans le forum Windows
    Réponses: 5
    Dernier message: 21/11/2003, 18h13
  4. [FLASH MX2004] Personnaliser les scrollbars
    Par stephane eyskens dans le forum Flash
    Réponses: 10
    Dernier message: 09/10/2003, 12h53
  5. [VB6] [UserControl] Évènements personnalisés
    Par Frankywinky dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 27/05/2003, 17h56

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