comment faire pour afficher/ masquer la colonne dans un extjs 3 de la grille de panneau

J'ai une grille de panneau, j'ai besoin d'afficher /masquer des colonnes dans un panneau grille en fonction de la valeur d'une case à cocher. Si la case est cochée j'ai besoin d'afficher la colonne dans la grille, et si elle est décochée j'ai besoin de masquer la colonne dans la grille.

Voici mon code

var chkEnableDisplayResponsibilityForAction = '<%=Session["chkEnableDisplayResponsibilityForAction"]%>';

 var flags = Boolean.parse(chkEnableDisplayResponsibilityForAction);
 var flags1 = !Boolean.parse(chkEnableDisplayResponsibilityForAction)

 var colModel = new Ext.grid.ColumnModel([
 { header: "PricePlanID", width: 100, sortable: true, dataIndex: 'PricePlanID', hidden: flags, hideable: flags1 },
  ]);

lorsque j'actualise la page, je ne suis pas en mesure de basculer les colonnes en fonction de la valeur de la case. Mais quand je me connecter et se déconnecter, je suis en mesure de voir les changements dans le panneau grille. Quelqu'un peut-il m'aider à l'actualisation des valeurs de la colonne dans la grille de panneau?

InformationsquelleAutor xrx215 | 2009-11-25
  1. 24

    si prendre un coup d'oeil à la ExtJS API, en particulier dans la ColumModel il y a un setHidden méthode, il serait afficher/masquer une colonne dans une GridPanel. 

    myGrid.getColumnModel().setHidden(0, true);

    vous devez également raccorder le onchange événement de votre case de sorte que vous pouvez afficher ou masquer la colonne

    • Case à cocher est dans une autre page à laquelle un indicateur est défini et en fonction de la valeur de l'indicateur de la colonne dans la grille du panneau est visible ou caché.C'est le travail parfait maintenant. Merci pour la réponse.
    • C'est dépréciée en 4.0+
    InformationsquelleAutor RageZ
  2. 12

    Ext JS 4.1, pour masquer une colonne, vous utilisez:

    grid.columns[0].setVisible(false);

    Ressemble getColumnModel() avec son setHidden() la méthode n'est plus une partie de la grille:
    http://docs.sencha.com/ext-js/4-1/#!/api/Ext.de la grille.Panneau

    InformationsquelleAutor Tom
  3. 3

    Vous pouvez afficher/masquer les colonnes à l'aide de la colonne d'en-tête de menu, vous pouvez choisir les colonnes que vous voulez afficher. De toute façon, si vous souhaitez afficher/masquer une colonne, essayez cette

    myGrid.getColumnModel().setHidden(0, true);
    • Merci. Il travaille maintenant 🙂
    InformationsquelleAutor Igor Pavelek
  4. 1

    Dans ExtJS 4 accéder à votre panneau grille, puis accéder à l'colonnes attribut est un tableau de la Colonne objets.

    À partir de là, vous pouvez utiliser le tableau itérateur méthodes ( http://www.diveintojavascript.com/core-javascript-reference/the-array-object ) pour effectuer une action.

    Dans l'exemple ci-dessous j'ai cacher et de montrer quelques-uns des colonnes en fonction de leurs noms d'en-tête, mais vous pouvez évidemment effectuer une action fondée sur une Colonne d'attribut.

    var grid = Ext.getCmp( 'my_grid_panel' );

grid.columns.forEach( function( col ) {
   if( ( col.text == "Foo" ) || ( col.text == "Bar" ) ) {
      col.setVisible( true );
   } else if( col.text == "Baz" ) {
      col.setVisible( false );
   }
});
    • Le seul problème ici étant que l' - Dire il y a six colonnes et que vous voulez montrer à cinq au départ et ensuite montrer la sixième uniquement si la case est cochée . et dans mon cas, avec le code ci-dessus , il montre tous les six colonnes [ col.hidden = true ] fonctionne dans ce cas . Et j'ai Donc fini par mettre le caché comme vrai pour toutes les colonnes d'abord . Et l'exécution de ce code dans beforerender . Qui fonctionne
    InformationsquelleAutor Poul
  5. 0

    Les réponses ci-dessus, je pense, sont très bonnes.
    Mais laissez-moi vous donner un conseil.

    1) Dans ExtJS 4.x il est recommandé d'utiliser Ext.ComponentQuery`s méthodes à la place de Ext.getCmp()

    2) Pour afficher/masquer les colonnes de la grille, vous pouvez utiliser le code suivant 

    Ext.ComponentQuery.query('grid gridcolumn[dataIndex^="service"]')[0].hide()

    ou de montrer

    Ext.ComponentQuery.query('grid gridcolumn[dataIndex^="service"]')[0].show()

    Il doit se résoudre masquage/affichage d'une colonne dans une grille.

    Ici grille est votre réseau , il peut-être un id ou xtype etc.

    InformationsquelleAutor Almas
  6. 0
    setVisibleColumn       : function(name, flag) {
    name = Ext.Array.from(name);
    var column;

    for (var i = 0; i < name.length; i++) {
        column = this.getColumn(name[i]);
        if (column) {
            flag ? column.show() : column.hide();
        }
    }

}
    • Pourriez-vous ajouter quelques explications à votre réponse?
    InformationsquelleAutor Luis Munoz