After adding record to a Store via client side code the GridPanel doesn't know that the row exists.

[paul-2011]

Hi there, if I add a record to the GridPanel using this code:

grid.getStore().add(...

Then click on that newly added row and try to read the index using:

grid.getSelectionModel().selected.items[0].index

It won't work, it returns undefined, reloading the store fixes that but defeats the purpose.

The GridPanel doesn't know the row index but it knows that it exists and the data is there, this confirms it:

grid.getSelectionModel().selected.items[0].data

Any hints?
Thanks

[ltctech]

Maybe you need to refresh view or use insert instead?

This is how I add a row into a gridpanel that has editingPlugin and a combo.
Maybe it will be useful...

var addRow = function (grid, combo) {
    grid.editingPlugin.completeEdit();
    grid.editingPlugin.cancelEdit(); //completeedit will not close editing window if validation fails
    grid.getSelectionModel().clearSelections();

    var newRow = Ext.ModelManager.create({
        Percent: 0,
        SomeFlag: false,
        SomeID: null,
        Description: 'Some Description'
    }, 'MyModel');

    var insertIndex = grid.store.getCount();
    grid.store.insert(insertIndex, newRow);
    grid.getView().refresh();
    grid.editingPlugin.startEdit(insertIndex, 0);
    combo.focus();
};

Why exactly do you need index?
For example if you need to remove a selection's row or rows, you really don't need its index.
This code removes all selected rows that has a data flag of Required = false.

var removeRow = function (grid) {
    grid.editingPlugin.completeEdit();
    grid.editingPlugin.cancelEdit(); //completeedit will not close editing window if validation fails

    var selected = grid.getSelectionModel().getSelection();

    for (var i = 0, rec; i < selected.length; i++) {
        rec = selected[i];
        if (rec.data.Required === false) {
            grid.store.remove(rec);
        }
    }

    grid.getView().refresh();
};