Hi, 

Is there a way to refresh the pager beneath the control? I'm evaluating the scrollview to show content in specific width, but when the device orientation is changed I'm tweaking the size of the parent container and everything works except the pager which is still showing the previous page count and selection.

I'm looking for something like $("#chart").data("kendoChart").refresh()....

Regards, 

Georgi

Hello,

There's a bug with the vertical scroll when displaying more than 938 000 virtual row in a grid using Firefox.  The scroll button is not displayed and you can't scroll with the mouse wheel.

This bug occurs with de default td padding.  However, if you set the the td padding to 0 like this...


the bug can be reproduced but only if you have more than 1 700 000 records (maybe less...)

Simon

Hi,

Just downloaded the latest and browsed to the examples\mobile\application\forms.htm page. Then page looks good on iPhone 3gs and Samsung Galaxy S, however on the Blackberry Curve 9380, the labels and fields overlap.

Another huge problem is that on iOS when I scroll up and down, the page feels sticky. I cant see the last couple of fields till I use a lot of force to reach them. This happens only when the url bar is visible. After a while when the url bar disappears in the browser, then my scrolling works fine. Of course once my url bar is back, scrolling to the bottom of the page is almost impossible.

Other examples like mobile/tabstrip/index.html scroll fine on iOS.

Any pointers would be welcome.

----------------
Edit Apr 14th

After analyzing the issue further, I realized my original post doesn't accurately describe the problem. The real reason for the problem I described above is as follows.
When kendo UI Mobile determines the height of the scrollable area, it does not take into account that the URL bar may be visible on the iphone 3gs. So as long as the URL bar is visible on the screen, I cannot scroll down to the last couple of records. When the URL bar is not visible anymore, I can scroll successfully to the bottom of the screen.

Another issue I faced was on the Samsung Galaxy S (GINGERBREAD). On the same page at examples\mobile\application\forms.htm, the 1st and 2nd fields are drop downs and it all works OK. However when I scroll down,  the 1st and 2nd fields visible on screen are something else like the date field for example. But when I touch  the 2nd visible field to input the date, the drop down pops up (which was the 2nd field before I had scrolled down). So maybe kendo is not updating the positions of controls after a scroll on android.

Thanks in advance.
A. Tauro

Hi Guys,

When I am executing splitter demo example from kendoui in Google chrome. I am not getting same layout which is in Demo. see in attachment.

then i used following references for js and styles and it worked fine.

<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.common.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.css" rel="stylesheet" type="text/css" />
    <!--Then paste the following for Kendo UI Web scripts-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>

I just want to run this demo in mobile. I have one question that How can i use same layout for iphone and i pad as the size for both the phones are different.

I got some info from forum that the Kendo UI Web Splitter can not be fully used in Kendo UI Mobile apps.

Could you please anyone suggest which layout can i use which will run on iphone and i pad.

thanks,
prashant

I have a web service that returns something similar to this

In a data source, I bind to RowSet.Rows, but I need the Key field to be part of the rows in order to enable CRUD operations.

ideally, I would like to specify something like this:


Is this possible in some way?

In your documentation I see references to Models (plural) and the function get(), but I don't see any examples of dealing with multiple models.

So, is it possible to define multiple models for a given datasource?

More importantly, can the models be bound to a property within the schema?

i.e.

If the schema has two arrays:

{ Data :
    {
        Items: [ { ... } ],
        Persons: [ { ... } ]
    }
}

Such that Schema is bound to Data, model 1 is bound to Items, and model 2 is bound to Persons.

If this is possible, could someone post an example of how to do this?
    

I am having some trouble trying to get the autocomplete to work as I need it to.

My autocomplete is setup like



I want to be able to run 2 different functions based on how the function gets its data.

For example if the users select a customers name from the dropdown list I want to call doMyFunctionForSelect(); else if the user enters a customers name that doesnt exist then call doMyFunctionForFormSubmit(); 

My problem happens when I select an item from the dropdown list. The value I am seeing in my select function is only the text I added to the textbox not the CustomerId field I need.

After the select function is called the onChange() is called where I can see the actual CustomerId value using autocomplete.value();

If using the code above I enter something like test1234 and there isn't a customer with that name then autocomplete dropdown doesnt appear (as desired). The onSelect() is never called and works fine. 

Within the onChange() function is possible to tell if it has been called directly after onSelect()? this way I could do a check to see how the function has been called so I run either of the functions I need to.

Hope someone can point me in the right direction!

Thank you

We are running into issues with virtual scrolling in the kendo grid at certain numbers of total results.  We have our paging set to 10 per page and I have verified that our controller on the server is serving the correct records to the grid every time.  However, at certain levels of results there are exceptions being thrown from kendo.all.js.  These errors are "RangeError:  Maximum call stack size exceeded".  I have tested in IE7-9, FF, Chrome, and Safari and the errors are thrown in each of them (though they all point to different line numbers).  In fact, we can reliably produce a complete browser crash in FF and Safari by attempting to scroll up/down when the magic number of results is shown.

Here are the result totals returned and an explanation of what we observe (keep in mind, we have page size of 10 and we have pageable set to false):

 

• less than 10 results = shows results as expected
• 11 results – shows console error once on first click of down scroll, but the 11th record is never shown.
• 12 results – shows console error on first two clicks of down scroll, but never shows the 11th or 12th records.
• 13 results - shows two console errors for each of first two clicks of down scroll, but never shows the 11th / 12th  / 13th records.
• 14 results – shows console errors on first two clicks of down scroll and does not move the scrollbar.  However, on the third and subsequent clicks, the grid starts showing the fetched records.
• 15 results - shows console errors on first two clicks of down scroll and does not move the scrollbar.  On the third and subsequent clicks, the grid starts showing the fetched records.
• 17 results - shows console error on first click only of down scroll and does not move the scrollbar.  On the second and subsequent clicks, the grid starts showing the fetched records.
• 18 and over results – works correctly with no errors

Anyone else seeing this behavior?  This is really becoming a show stopper for us. 

Disregard this question, I was able to determine the solution.

I have a listView bound to a dataSource (external JSON).

I would like to trigger the following actions:
 - On an external trigger event
1. clear the existing listView
2. read a new dataSource

Can anyone advise on how to do this...?