I am using the kendo ui autocomplete on one of my pages. I am having so issues retrieving the value entered in the autocomplete input box. Below is a sample of the code I use to get autocomplete suggestions with a WebMethod via Ajax:

The problem in this case lies in the fact that I have multiple input fields with the same css class to identify my autocomplete fields. The idea is that all these input fields would be having an autocomplete on them. To get an idea of what I am building: I have a table with which contains both spans and div with dynamic id values. To simulate inline editing a toggle visibility on these div and spans.

Normally if you would like to retrieve data from the autocomplete, you would do something like below, but in my case this would not work since there are more input elements that carry the same css class. I know this is not the way to use autocomplete, since normally every input would have it's own identifier. Is there any way I can make this work. Right now I am using hidden fields to store the value entered but I think there should be a more efficient way to accomplish this behaviour.

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

 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.


 

• top vertical row shrinks and shows scrollbars
• does not resize on window change
• scroll bars showing vertically in horizontal rows despite having little content

I've followed this post: http://www.kendoui.com/forums/ui/splitter/100-window-height-splitter.aspx with no luck.
I've also copied everything Dimo posted and it doesn't work correctly - similar problem to what I've described above. Not sure if it is an IE9 thing...