[Solved] Displaying Selected Grid Row Details

[Kevin]

Hello, I appreciate any help here.  I'm displaying a list of items using the grid control.  The list comes from the model of a strongly-typed view.  I've defined an onRowSelected() handler that grabs the currently selected item ID from a hidden column.  However, I need to update other controls in the view with information from the selected list item.  Since I can't access the model from JavaScript, to my knowledge, the JavaScript event handlers don't seem to do any good.  There's no point in running an ajax query since the information has already been provided to the client as part of the model.

[Atanas Korchev]

Hi Kevin,

You can access the data item to which a row is bound using the grid client-side method dataItem:

function onRowSelected(e) {

   var grid = $(this).data('tGrid');

   var row = e.row;

   var dataItem = grid.dataItem(row);

}

Regards,

Atanas Korchev
the Telerik team

[Kevin]

Thanks Atanas.  This is very helpful.  However, I'm getting a JavaScript error in the dataItem function of telerik.grid.min.js which states that 'this.data' is null or not an object.

This occurs when the line:

var dataItem = grid.dataItem(row);

is executed from the provided code.

My grid is marked as selectable and the client OnRowSelect event is obviously firing since the JavaScript is being executed.

Thanks,

Kevin

[Atanas Korchev]

Hi Kevin,

 The dataItem method works for ajax bound grids. You can use it only if this is the case. Make sure you are not initially server-binding your grid -> Html.Telerik().Grid(Model)

All the best,
Atanas Korchev
the Telerik team