Cacher ExtJS Grille-tête de Colonne

Je comprends que je ne peut masquer la grille en-tête de colonne à l'aide du code.

#gridid .x-grid3-hd-row { display:none; }

Mais je ne veux pas utiliser les CSS changement. Comment faire la même chose à l'aide de JavaScript?

OriginalL'auteur Madhu | 2010-01-06

19

vous pouvez le faire facilement avec l'ajout de ce à Ext.de la grille.GridPanel de cette façon :
```
hideHeaders: true
```
OriginalL'auteur Aragon
10

Vous pouvez définir la hideHeaders option de configuration de GridPanel à true. Ou voulez-vous dire après la grille est rendue?

Édité: Si vous souhaitez modifier (ou désactiver) la façon dont l'en-tête est créé, vous pouvez également remplacer renderHeaders ou updateHeaders de GridView. Une autre voie pourrait être de passer un templates option pour le GridView, avec la header valeur définie pour un modèle vide au lieu de la valeur par défaut:
```
ts.header = new Ext.Template(
    '',
    '{cells}',
    '
'
);
```
Bien que le défaut de mise en œuvre, écrit l'en-tête dans this.innerHd, et innerHd est défini comme this.mainHd.dom.firstChild, et this.mainHd est la valeur hidden si si hideHeaders option est définie. Je voudrais donc s'attendre à ce que l'option aurait une incidence sur les en-têtes de colonne.

Édité: Quelle version de ExtJS parlons-nous? J'ai regardé la source de courant, qui est de 3,1 je suppose.

hideHeader Option est seulement pour la Grille d'en-Tête. J'ai demandé à propos de la Grille de l'en-tête de colonne
J'ai mis à jour ma réponse avec un autre moyen de le faire.

OriginalL'auteur Jan Fabry
6

juste ajouter hideHeaders: true à votre grille. il devrait fonctionner

OriginalL'auteur Sushith

Vous pouvez ajouter ceci à votre définition de la grille:

listeners: {
    render: function(grid) {
        grid.getView().el.select('.x-grid3-header').setStyle('display', 'none');
    }
},

Vous devez vous connecter pour publier un commentaire.