Get Selected Row and Row Data

[Christopher Ronak]

Can you please tell me how to get the selected row of a grid? NOT via the onSelected event, but from an outside source. This doesn't seem to be documented anywhere. I tried a similar syntax as the treeview, but that didn't work.

var gridData = $('#TelerikGrid').data('tGrid');

var selectedItem = gridData.find('.t-state-selected').closest('.t-item');

Then obtain the value of the various columns from the row. I'm guessing looks like this:

row.cells["COL1"].innerHTML

etc.

Thanks for your help.

[Paul]

Did you ever find the answer to this question? I need to do the same.

Cheers
Paul

[ART]

I've also been trying to do this using the following code below.  When it gets to the grid.dataItem(tr) line, the javascript engine throws an error.  I've checked and tr is not null.

var tr = $("#MyGrid tbody tr.t-state-selected");
var grid = $("#MyGrid").data("tGrid");
var data = grid.dataItem(tr);

[Paul]

I sorted it myself in the end

On my grid definition I added this column

            col.Bound(o => o.ComplianceId).Hidden(true).HtmlAttributes(new { id = "id" });

which is the primary key of my data item.

Then in JavaScript I use this to obtain the primary key value of the selected row

                var id = $('#grdCompliance tr.t-state-selected #id').html();

You can do a test on id as follows to determine if in fact a row has been selected. It will be null if not.

                if (id == null) {
                }

[Dimo]

Hello Art,

You are probably using server-side binding. In this case the data property of the Grid object is undefined and the dataItem cannot be retrieved by using the API. You can obtain the values of the selected row with standard DOM operations, or switch to AJAX binding.

Best wishes,
Dimo
the Telerik team