ExtJS: getRowClass не работает в GridPanel с включенным представлением группировки

Question

Я пытаюсь использовать getRowClass на панели сетки с включенным видом группировки.

Вот мой код (короткая версия)

var myPanel = new Ext.grid.GridPanel({
 contentEl: 'editor-grid',
 region: 'center',
 ds: ds,
 cm: cm,
 autoScroll: true,
 autoExpandColumn:'method-name',

 view: new Ext.grid.GroupingView({
  startCollapsed:false,
  groupTextTpl: '{[values.rs[0].data.class_name]}',
  scrollToTop: Ext.emptyFn
 }),

 loadMask : {msg: 'loading data...'},
 cType:'list',

 viewConfig: {
  forceFit: true,
  enableRowBody: true,
  showPreview: true,
  getRowClass: function(record, rowIndex, p, store) { 
   if(this.showPreview) {
    p.body = '<p class="method_info_data">' + 'insert data here...' + '</p>';
    return 'x-grid3-row-expanded';
   }
   return 'x-grid3-row-collapsed';
  }
 }

 ...
});

Если я удаляю полный вид «блока» из конфигурации - он работает, но без группировки данных в моей сетке.

Благодарю за любую помощь!

Flo

Answer 1

Понял!

Вы должны сделать "магию" изнутри конфигурации сетки.Как это:

view: new Ext.grid.GroupingView({
        startCollapsed:false,
        groupTextTpl: '{[values.rs[0].data.class_name]}',
        scrollToTop: Ext.emptyFn,

        forceFit: true,
        enableRowBody: true,
        showPreview: true,
        getRowClass: function(record, rowIndex, p, store) { 
            if(this.showPreview) {
                p.body = '<p class="method_info_data">' + 'insert data here...' + '</p>';
                return 'x-grid3-row-expanded';
            }
            return 'x-grid3-row-collapsed';
        }
    }),