Gridview ExtJS:getRowClass don';无法在启用分组视图的GridPanel中工作

Gridview ExtJS:getRowClass don';无法在启用分组视图的GridPanel中工作,gridview,extjs,Gridview,Extjs,我试图在启用分组视图的网格面板中使用getRowClass 这是我的代码(简短版本) var myPanel=new Ext.grid.GridPanel({ contentEl:“编辑器网格”, 地区:'中心', ds:ds, 厘米:厘米, autoScroll:是的, autoExpandColumn:'method-name', 视图:新建Ext.grid.GroupingView({ startCollapsed:错误, groupTextTpl:“{[values.rs[0].data

我试图在启用分组视图的网格面板中使用getRowClass

这是我的代码(简短版本)

var myPanel=new Ext.grid.GridPanel({
contentEl:“编辑器网格”,
地区:'中心',
ds:ds,
厘米:厘米,
autoScroll:是的,
autoExpandColumn:'method-name',
视图:新建Ext.grid.GroupingView({
startCollapsed:错误,
groupTextTpl:“{[values.rs[0].data.class_name]}”,
scrollToTop:Ext.emptyFn
}),
loadMask:{msg:'正在加载数据…'},
cType:“列表”,
视图配置:{
forceFit:对,
enableRowBody:true,
showPreview:对,
getRowClass:函数(记录、行索引、p、存储){
if(this.showPreview){
p、 body='

'+'在此处插入数据…'+'

'; 返回“x-grid3-row-expanded”; } 返回“x-grid3-row-collapsed”; } } ... });
如果我从配置中删除完整的视图“块”,它可以工作,但不会对网格中的数据进行分组

谢谢你的帮助

弗洛明白了

您必须在网格的内部视图配置中执行“神奇”操作。像这样:

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';
        }
    }),
视图:新建Ext.grid.GroupingView({
startCollapsed:错误,
groupTextTpl:“{[values.rs[0].data.class_name]}”,
scrollToTop:Ext.emptyFn,
forceFit:对,
enableRowBody:true,
showPreview:对,
getRowClass:函数(记录、行索引、p、存储){
if(this.showPreview){
p、 body='

'+'在此处插入数据…'+'

'; 返回“x-grid3-row-expanded”; } 返回“x-grid3-row-collapsed”; } }),
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';
        }
    }),