Selecting a kendoGrid row now working in a Jasmine test

[David]

I'm using Jasmine for BDD style testing.  I'm testing that selecting a row in a kendoGrid will call my callback function.  To test this I'm creating an element on the fly using

element = $('<div></div>'); 

when I attach a kendo grid to a div under that dynamically created div, it mostly seems to work except for selection.  I can populate the grid with data and see the correctly generated html in the debugger.  However, if I do :

 var firstRow = kendoGrid.tbody.find(">tr:first");
 kendoGrid.select(firstRow); 

Then my workspaceGrid.Select callback is not called, and the grid.select() returns no elements.
Is there a better way to host the grid when I'm doing unit testing?
I find the syntax for selecting a particular row very awkward. I would be much easier to do
 kendoGrid.select(0) to get the first row.


 

[David]

I found the source of the problem, but I'm not sure how to fix it.  In the kendo.grid.js file:

ROW_SELECTOR = "tbody>tr:not(.k-grouping-row):visible", 

The :visible selector is causing the row to not select since it's not visible.  The entire div it's inside of
only exists as an independent DOM node, so it's not visible.  Why restrict the row selection to visible rows? 
How can I select row 20 from a list that only displays 10 rows at a time for example?

[Nikolay Rusev]

Hello David,

Is this the scenario that you have? http://jsfiddle.net/VctR5/12/

Regards,
Nikolay Rusev
the Telerik team

[Daniel]

 Hai Nikolay,
               I want to get a  data from the  selected row of grid, what method i should use to get  data of a selected row

[Nikolay Rusev]

Hi,

The following demo shows how to get notified when selection change:
http://demos.kendoui.com/web/grid/events.html

Once you get the selected item you can extract any data from it.

Regards,
Nikolay Rusev
the Telerik team