如何解决ExtJS4网格分组标题渲染器-如何指定?
| 有人知道如何将渲染器附加到ExtJS4中的网格分组头吗?在ExtJS3中,我有以下工作代码,如果事件已完成(\'Y \'),则返回\'Past \';如果未完成,则返回\'Upcoming \': function fmt_group_heading(groupVal) {
if (groupVal === \'Y\') {
return \'Past\';
} else {
return \'Upcoming\';
}
}
// create the Grid
var fitGrid = new Ext.grid.GridPanel({
store: fitGroupingStore,columns: [
{header: \"ID\",dataIndex: \'id\',hidden: true },{header: \'Event\',width:320,dataIndex: \'event\',renderer:fmt_event_description},{header: \'Events\',dataIndex: \'completed\',hidden: true,renderer: fmt_group_heading }
],stripeRows: true,// config options for stateful behavior
stateful: true,stateId: \'grid\',hideHeaders: true,view: new Ext.grid.GroupingView({
groupRenderer: \'completed\',forceFit: true
})
});
ExtJS4提供了网格分组功能,但是我不了解如何更改组文本的输出。 Ext.grid.feature.Grouping的\'groupHeaderTpl \'属性似乎仅采用从商店读取的原始字段值。
this.groupingFeature = Ext.create(\'Ext.grid.feature.Grouping\',{
groupHeaderTpl: \'Group: {completed}\'
});
// create the Grid
this.fitnessGrid = new Ext.grid.Panel({
store: this.fitnessEventStore,features: [this.groupingFeature],// etc.......
解决方法
尝试这样:
groupHeaderTpl:
\'{[fmt_group_heading(values.name)]}
({rows.length}
Item {[values.rows.length> 1? \“ s \”:
\“ \”]})\'
, groupHeaderTpl要求您在编写模板时使用{name}。它将仅使用groupField提供的值。
请参阅文档。
, 尝试这个:
groupHeaderTpl: \'{[values.rows[0].completed]}\'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。