2009-10-09 4 views
5

Voici mon Flexigrid:Flexigrid de jQuery Afficher/Masquer les colonnes figurent dans l'en-tête

$("#grUser").flexigrid({ 
    url: 'someJSON.php' 
    , dataType: 'json' 
    , colModel : 
    [ 
     {display: '', name : 'Index', width :100, align: 'left'} 
     , {display: '', name : 'Value', width : 100, align: 'left'} 
    ] 
    , title: 'Details' 
    , width: 350 
    , height: 200 
    , singleSelect: true 
}); 

Le spectacle/colonnes cacher la fonctionnalité dans l'en-tête est l'option vraiment cool, mais je veux préciser sur quelle colonne à disponible, et j'ai du mal à trouver une bonne documentation sur mes options pour spécifier le colModel. Ici

{display: '', name : 'Index', width :100, align: 'left'} 

Que pouvons-nous mettre d'autre dans la définition d'une colonne?

En outre - quelle est votre source de documentation pour Flexigrid?

Répondre

20

Malheureusement, la documentation pour ce n'est pas là et est donc très frustrant. Vous devez regarder le code source et voir ce que vous pouvez faire.

Ajoutez simplement 'hide: true' comme indiqué ci-dessous. Définir hide sur true, masquera une colonne.

{display: 'Row ID', name : 'id', width : 100, sortable : true, align: 'left', hide: true} 

Vous pouvez définir les attributs suivants: - display (ce qui est ce qui est utilisé pour les titres de colonne)

  • name (c'est le nom du champ de base de données utilisé pour Ajax appels)

  • width

  • height

  • sortable: true/false

  • align: gauche/centre/droite

  • hide: true/false

  • searchable: true/false (uniquement si vous avez la recherche barre activée)

+1

+1, merci pour la réponse. C'est ce que je me suis retrouvé, après tout j'ai fini avec Flexigrid.js si changé/custom, que je ne peux même pas l'utiliser ailleurs ... :) –

+1

Merci pour la réponse! Cela m'a sauvé des heures. –

+0

Merci pour le code de partage. J'ai mis à jour le code pour ne pas activer la colonne hide de la liste des colonnes show/hide –

Questions connexes