Lignes cachées dans une grille JS EXT

Question

Je dois simplement ajouter une fonction dans ma grille qui masque les lignes lorsque l'utilisateur accède en premier. Après cela, par l'icône de minimiser/développer qui apparaît déjà dans ma grille, l'utilisateur peut développer le groupe et voir les lignes. Mon code est le suivant:

// create the grid 
var grid = Ext.create('Ext.grid.Panel', { 
    store: store, 
    hideHeaders: true, 
    features: [groupingFeature], 

    columns: [ 
     {text: "Questions",groupable: false, flex: 1, dataIndex: 'species', sortable: true} 
    ], 
    width: 250, 
    height:260, 
    split: true, 
    region: 'west' 
}); 

// define a template to use for the detail view 

var bookTplMarkup = [ 
    '{resposta}<br/>' 
]; 

var bookTp1 = Ext.create('Ext.Template', bookTplMarkup); 
Ext.create('Ext.Panel', { 
    renderTo: 'binding-example', 
    frame: true, 
    width: 720, 
    height: 570, 
    layout: 'border', 
    items: [ 
     grid, { 
      id: 'detailPanel', 
      autoScroll: true, 
      region: 'center', 
      bodyPadding: 7, 
      bodyStyle: "background: #ffffff;", 
      html: 'Select one option' 
    }] 
}); 

Où ajouter les fonctions nedded?

Answer 1

Je suppose que la propriété startCollapsed de fonction grouping est ce que vous cherchez:

{ ftype:'grouping', startCollapsed: true }