Gridview ExtJS:getRowClass don';无法在启用分组视图的GridPanel中工作
我试图在启用分组视图的网格面板中使用getRowClass 这是我的代码(简短版本)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
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';
}
}),