OK, I'm an idiot. The problem I had was entirely my own fault, and since I can't delete the post I'm just removing the content so it doesn't confuse anyone else.

What is the proper way to cause a row to be moved into another group when the value in the relevant cell of its underlying dataItem is changed programmatically?  For example, assume that the grid is being grouped by [department] and then, with the rows grouped beneath the various departments, the following updateTest() method shown below is invoked. We want the updated row to be moved to into the FOO department grouping when the grid is refreshed; also, if the grid did not previously contain a group for FOO, we want a new group created. 

Why am I trying to do this? My application is polling the database server every 30 seconds, and I am trying to figure out how to update existing data as required,  and how to insert new rows into the dataItems array real-time while the users are looking at the grid on their screens, and to do this without causing the entire grid to be rebound [with dataSource.data(someNewFreshDataWithSameSchema) ] as the dataSource.data() method destroys any groupings the users may have established, expanding all groups by default.

EDIT: Updating the underlying dataitems seemed a promising alternative approach to the data() method, but we need the refresh() method to re-apply the sorting/grouping, if not by default, then as an option:   grid.refresh( {resort:true, regroup:true}).  BUT...the re-sort/re-group should not automatically expand collapsed groups.

EDIT: if the user clicks on the ascending/descending sort button on the grouping widget in the k-grouping-header, then the updated row is correctly moved to the proper group based on its new cell value. The grid.refresh() is apparently not calling whatever re-sort method is invoked by that user action.  If the grid.refresh() called that method as well, then the code below would work. Alternatively, the API could expose the appropriate sort method and I could call it myself.

     

I'm trying to get a couple of 'From', 'To' datepickers to open automatically on focus. I've got it working fine, apart from the fact that the calendar opens above the inputs - which looks weird. 

How do I get it to open below them, as per convention?

  

With external content loaded into a resizable pane, clicking on the resize handle/bar places an overlay on the page that is never removed, breaking the page.

http://jsfiddle.net/cyphiotic/rXef8/

I'm walking through a basic Kendo UI Mobile setup since our existing app navigation buttons have seemed to have stopped working... and I am experiencing similar issues on a bare-bones html page which can be found here : http://mt.skyprofit.com

I am referencing the code sample walkthrough found here: http://docs.kendoui.com/howto/build-apps-with-kendo-ui-mobile

The problem currently is specifically dealing with the tabstrip... it navigates to the About (Page1.html) page without issue... but going back to Home doesn't work at all.... is the code sample incorrect?? Or is Kendo UI Mobile not working correctly? Thanks in advance!

I am following the examples from the wensite but the following configuration still displays the currency in US Dollars.  Is there something else I need to specify in addition to the culture?  Thanks!

$("#currency").kendoNumericTextBox({

format: "c",

culture: "de-DE",

decimals: 3

});

I have a Kendo UI Mobile app that uses an index.html file with a few layouts and one initial view, #navigation.
All other views are loaded from separate files in subdirectories like this:

chapter01/page01.html,
chapter01/page02.html
etc.

I intend to use the app in cordova project. Everything seems to be working nicely if i don't use a browser, but only xcode simulator.

One thing bothers me: if I exit from the app after navigating to some pageXX view, and then load the app again, the last viewed view appears briefly, but the application quickly goes to the starting index.html page.

How can I control this behaviour. I'd like to have my application either always go straight to the starting page or stay in the last showed page from the previous app start. Current flashing of previous content is rather annoying. Any idea what I could do to control this in either way I choose?

Hi i'd tryed to put splitview and tabstrip together but i faild . Is it possible? Thanks Elios

I have a treeview inside a parent div. The parent div has a fixed width and height, with overflow:scroll. So when the treeview contains many items, you can scroll the div down to see them. If you do this, then select a node, the div goes back to the top, so you then have to scroll down to find the node you clicked on.

I'm guessing clicking on the treeview is then propagating to the parent div. Is there a way to stop this?

Thanks

I have recently adquired Kendo UI for developing html5 applications. I have created few examples with success but I'm stuck with few examples.

I would like to get the following structure for the website skelethon:

• 3 NavBar

• Kendo UI or Jquery Scrollview plugin inside the content(picture,text,etc) of each Navbar (2 or 3 left/right scrollable pages)

• I would like to add inside the content of the scrollview page a pie chart, datapicker and few mote stuff.

Not sure how I should manage to create all of this or which libraries I should include in the project
I have tried several times without success.

I would really appreciate any help.

Best regards