Refresh RowNumberer after store.insert() ?

[jimmifett]

After a store.insert(0, record), I end up like this:

1 data1 data2
1 data1 data2
2 data1 data2
3 data1 data2
4 data1 data2
etc.

How can I get the rownumberer to reset after the insert?

[Zdeno]

Try call

grid.getView().refresh();

after insert.

[jimmifett]

First thing I tried

Have done after insert call, inside an add listener on the store, and manually refreshing from console.

[scottmartin]

If you look at how it works, you will see that RowNumberer :: renderer uses
record.indexOfTotal(Record)

When you insert the record, there is no record.index value, .. so it returns 0 twice, hence you see 1, 1, 2, 3, 4.

You could override record.indexOfTotal() to fix thjis.

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';
        
        console.log(store.indexOfTotal(record));
        console.log(store.getTotalCount());
        console.log(store.data.items.length);
        console.log(record);
        console.log('**');
        
        return store.indexOfTotal(record) + 1;
    }
});

var store = Ext.create('Ext.data.Store', {
    storeId : 'simpsonsStore',
    fields  : ['name', 'email', 'change'],
    data    : {'items' : [
        { 'name' : 'Lisa',  'email' : 'lisa@simpsons.com',  'change' : 100  },
        { 'name' : 'Bart',  'email' : 'bart@simpsons.com',  'change' : -20  },
        { 'name' : 'Homer', 'email' : 'home@simpsons.com',  'change' : 23   },
        { 'name' : 'Marge', 'email' : 'marge@simpsons.com', 'change' : -11  }
    ]},
    proxy   : {
        type   : 'memory',
        reader : {
            type : 'json',
            root : 'items'
        }
    }
});

var grid = Ext.create('Ext.grid.Panel', {
    title      : 'Simpsons',
    store      : Ext.data.StoreManager.lookup('simpsonsStore'),
    columns    : [
        { xtype: 'rownumberer' },
        { header : 'Name', dataIndex : 'name' },
        { header : 'Email', dataIndex : 'email', flex : 1 },
        { header : 'Change', dataIndex : 'change' }
    ],
    height     : 200,
    width      : 400,
    renderTo   : Ext.getBody()
});

myrec = { name: 'new name'};
store.insert(0,myrec);
console.log('-----------------------');
console.log(store.data.items.length);

Scott.

[jimmifett]

Thanks Scott!
That helped point me in the right direction!

I add:

if(record.phantom)
     { return '*'; }

before the regular return in the override.

[benjamineberle]

Scott,
Can we expect that the renderer's store.indexOfTotal() gets replaced with store.indexOf() sometimes soon?
Rownumberer is anyway not a key, so I guess this would be the more natural behaviour.
Just trying to avoid overrides for later maintenance...
Thanks