How to maintain selected rows after adding new record

1 min read

This article explains how to maintain selected rows after adding a new record.

When a new row is added to the grid, the grid gets refreshed, and the previously selected index will not be maintained as the newly added row is in the selected state.

However, the previous selection can be maintained by storing the selected index in the actionBegin event on the add request type and then selecting the stored indexes using the selectRow method in the actionComplete event.

var selectedIndex;
 
// Grid’s actionBegin event function
function onActionBegin(args) {
    if (args.requestType === 'add') {
        // Store the selected indexes
        selectedIndex = this.getSelectedRowIndexes();
    }
}
 
// Grid’s actionComplete event function
function onActionComplete(args) {
    if (args.requestType === 'save') {
        var i = 0;
        while (i < selectedIndex.length) {
            // Select the next index from the stored one considering the newly added record
            this.selectRow(selectedIndex[i] + 1);
            i++;
        }
        selectedIndex = [];
    }
}

Note:

You can also use the selectRows method to select a collection of rows using their indexes.