ExtJS - 条纹行在升级到4.2后无法与PreviewPlugin一起使用

我正在升级使用从ExtJS 4.1到4.2的PreviewPlugin扩展的网格。升级后，stripeRows配置选项不再正常工作。这只是一个错误，或者我做错了什么？ExtJS - 条纹行在升级到4.2后无法与PreviewPlugin一起使用

PreviewPlugin + stripeRows，ExtJS的4.1.1（作品）：http://jsfiddle.net/7H84g/2/

没有PreviewPlugin + stripeRows，ExtJS的4.2.0（作品）：http://jsfiddle.net/WUeWb/1/

PreviewPlugin + stripeRows，ExtJS的4.2.0（不工作）：http://jsfiddle.net/94xhs/

来源

2013-11-21 zeke

您是否更新了样式表（而不仅仅是.js文件）？这已经烧伤了我过去 –

好主意，但没有插件的CSS。我没有更新ext-all.css到适当的版本。 – zeke

在你的ExtJS添加这将覆盖文件：

////////////////////////////// 
// Ext.grid.feature.RowWrap // 
////////////////////////////// 
/** 
* Fixed stripeRows not working on wrapped rows 
*/ 
Ext.override(Ext.grid.feature.RowWrap, { 
    wrapTpl: [ 
     '<tr data-boundView="{view.id}" data-recordId="{record.internalId}" data-recordIndex="{recordIndex}" class="{[values.itemClasses.join(" ")]} {[values.rowClasses.join(" ")]} ' + Ext.baseCSSPrefix + 'grid-wrap-row">', 
      '<td class="' + Ext.baseCSSPrefix + 'grid-rowwrap ' + Ext.baseCSSPrefix + 'grid-td" colSpan="{columns.length}">', 
       '<table class="' + Ext.baseCSSPrefix + '{view.id}-table ' + Ext.baseCSSPrefix + 'grid-table" border="0" cellspacing="0" cellpadding="0">', 
        '{[values.view.renderColumnSizer(out)]}', 
        '{%', 
         'values.itemClasses.length = 0;', 
         'this.nextTpl.applyOut(values, out, parent)', 
        '%}', 
       '</table>', 
      '</td>', 
     '</tr>', { 
      priority: 200 
     } 
    ] 
});

这仅仅是一个拷贝/ p在原始tpl中加入{[values.rowClasses.join(" ")]}。

来源

2013-11-26 10:50:56 SAnDAnGE

ExtJS - 条纹行在升级到4.2后无法与PreviewPlugin一起使用

回答

相关问题