Row numberer not updating when changing page via paging toolbar

[jaredhobbs]

Ext version tested:

• Ext 4.2.0

Browser versions tested against:

• Chrome 27.0.1438.7 dev

Description:

• When using a grid with a rownumberer column and the paging toolbar in 4.2.0, the row numbers aren't being updated when changing pages. For example, with 50 pages displayed, the row numberer shows 1-50. If you switch to page 2, instead of seeing 51-100 you see 1-50.

Steps to reproduce the problem:

• Add a row numberer to a grid with a paging toolbar then change to another page

The result that was expected:

• I expect the row numberer to display 51-100

The result that occurs instead:

• The row numberer displays 1-50

Test Case:

• Add

  {xtype:'rownumberer'}

  to the columns array in

  examples/grid/paging.js

  then open the example and click the "next page" button on the paging toolbar.

Possible fix:

Ext.override(Ext.grid.RowNumberer, {
    renderer: function(value, metaData, record, rowIdx, colIdx, store) {
        var rowspan = this.rowspan;
        if (rowspan) {
            metaData.tdAttr = 'rowspan="' + rowspan + '"';
        }
        metaData.tdCls = Ext.baseCSSPrefix + 'grid-cell-special';
        return store.indexOfTotal(record) + 1;
    }
});

Operating System:

• OS X 10.8.3

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.

[Daniil]

Hi @jaredhobbs,

Thank you for a possible fix. Though it breaks if use a grouping feature.

A possible fix of your fix is replacing:

return store.indexOfTotal(record) + 1;

with

return store.indexOfTotal ? (store.indexOfTotal(record) + 1) : (rowIdx + 1);

[jaredhobbs]

Thanks for your fix of my fix. I haven't used the grouping feature with a paging toolbar before so didn't catch that case.