extjs rowexpander как расширить все - PullRequest
Новая
       50

extjs rowexpander как расширить все

4 голосов
/ 15 июля 2011

Я использую Ext.ux.grid.RowExpander

var expander = new Ext.ux.grid.RowExpander({
  tpl : new Ext.Template(
 '<p>{history}</p>'
 )
});

используется в моей сетке: 

 var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            expander,
        ...

Теперь я хочу, чтобы все строки расширения были расширены по умолчанию.

Я пытаюсь использовать expander.expandRow(grid.view.getRow(0)); (думаю, что если я это сделаю, я смогу использовать цикл for :), но я получаю ошибку 

this.mainBody is undefined @ ***/ext/ext-all.js:11

Пожалуйста, помогите мне расширить все ряды моей сетки! Спасибо!

Ответы [ 4 ]

3 голосов
/ 18 сентября 2013

В 4.1.3 я использую этот метод 

function expand() {
    var expander = grid.plugins[0];
    var store = grid.getStore();

    for ( i=0; i < store.getCount(); i++ ) {
        if (expander.isCollapsed(i)) {
            expander.toggleRow(i, store.getAt(i));
        }
    }
}
3 голосов
/ 15 июля 2011

Вы можете сделать это с помощью цикла, это довольно просто ... 

for(i = 0; i <= pageSize; i++) {
   expander.expandRow(i);
}

Где pageSize - количество записей на странице в вашей сетке.В качестве альтернативы вы можете использовать счет магазина (возможно, более масштабируемое решение) ... 

for(i = 0; i <= grid.getStore().getCount(); i++) {
    expander.expandRow(i);
}
1 голос
/ 05 августа 2012

Вы можете объявить объект группировки и затем вызвать его из вашей GridPanel: 

// grouping
var grouping = Ext.create('Ext.grid.feature.Grouping',{
    startCollapsed: true, // sets the default init collapse/expand all
});

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: [
        expander,
    ...

Затем добавить этот код в тело вашей GridPanel: 

    // collapse/expand all botton
    tbar: [{
                text: 'collapse all',
                handler: function (btn) {        
                    grouping.collapseAll();
                }
            },{
                text: 'expand all',
                handler: function (btn) {        
                    grouping.expandAll();
                }
            }],

Это добавитдве кнопки, которые раскрывают / сворачивают все группы.Если вы хотите, чтобы все было развернуто / свернуто по умолчанию, обратите внимание на переменную startCollapsed, приведенную выше.

1 голос
/ 13 сентября 2011

Если ваша сетка использует DirectStore или какой-либо другой механизм RPC, вы можете прослушать событие загрузки магазина: 

grid.store.addListener('load', function() {
  var expander = grid.plugins;
  for(i = 0; i < grid.getStore().getCount(); i++) {
    expander.expandRow(i);
  }
}

Кстати: это должно быть «i <...» вместоя <= ... ". </p>

...