[Solved] Get index in data source of selected row

[Chris]

How can I determine the index of the selected row in the grid's data source?

For example I've setup the grid list this

var data = [
    { Name: "One", Data: 1 },
    { Name: "Two", Data: 2 },
    { Name: "Three", Data: 3 }
];
var list = new WinJS.Binding.List(data);

var grid = new Telerik.UI.RadGrid(grid1, {
    dataSource: list
});

and I've got the current selection 

var dataItem = grid.dataItem(grid.selection[0]);

I want to determine the corresponding index in the WinJS.Binding.List so that I can update the correct record.

Thanks
Chris

[Tsvetina]

Hello Chris,

Usually, when editing data, you would have  a unique value in each data record, usually an ID. If you add one to your data array, locating the edited item would be easy, by calling a filter function on the WinJS.Binding.List. For example, if you have the ID of a currently updated item, you could do the following:

var itemIndex;

var editedItem = list.filter(function (item, index) {
    if (item.ID == id) {
        itemIndex = index;
        return item;
    }
})[0];

For your convenience, I have prepared a small sample, where I do external editing of RadGrid. To retrieve the ID of the currently edited item, I output it in a hidden field in the edit form, shown below the grid.


Regards,
Tsvetina
the Telerik team