Row selection after refreshing grid

[Shabtai]

Hello,

I have Kendo selectable Grid being created in razor.
After row is selected user can delete the selected row. But since the grid has multiple pages, after deletion -  reloading contents of data I need the selection to be put on the next row, preserving the current page number...

How can I achieve that?

Thank you for your prompt answer.

Shabtai

[Dimiter Madjarov]

Hi Shabtai,


The selection should be made after the new data is bound. A sample approach would be to store the index of the deleted row and then select the new one in the dataBound event.
E.g.

.Events(e => e.Remove("onRemove").DataBound("dataBound"))
.Selectable()
.DataSource(dataSource => dataSource
    .Ajax()
    .Events(e => e.RequestEnd("requestEnd"))
    ..

var index;
var lastRequest;

function onRemove(e) {
    index = e.row.index();
}

function requestEnd(e) {
    lastRequest = e.type;
}

function dataBound(e) {
    if (lastRequest === "destroy") {
        this.select(this.table.find("tr").eq(index));

        //handles the case when the last row was deleted. selects the new last row
        if (this.select().length === 0) {
            this.select(this.table.find("tr:last"));
        }
    }
}

This is a custom solution and I could have missed some case. Feel free to modify the code according to the exact needs.

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik