javascript - ExtJS - 升级到 4.2 后，Stripe rows 无法与 PreviewPlugin 一起使用

Question

我正在将使用 PreviewPlugin 扩展的网格从 ExtJS 4.1 升级到 4.2。升级后，stripeRows 配置选项不再正常工作。这只是一个错误还是我做错了什么？

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/

Answer 1

将其添加到您的 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
        }
    ]
});

这只是通过在原始 tpl 中添加 {[values.rowClasses.join("")]} 进行复制/粘贴。