Fetching remote data

[Dimitar Shishkov]

Hey guys -
First of all awesome work on a clean and easy-to-use HTML5 mobile UI framework. I have been working with stuff like Sencha, Jquery Mobile and Dojo Mobile, and I am pleased to see how much better your layout look and how much better performance seems to be. I also like the approach of adapting the layout to each platform it runs on so it seems more native.

I am going through the documentation and the examples and trying to figure out what would be the best way to get remote data from a REST API? Any suggestions (most of the other HTML5 mobile frameworks have wrappers for doing JSON-P requests and stuff like that)?

Great work again!
Dimitar

[Petyo]

Hello,

Thanks for the kind words! Highly appreciated. 

Kendo UI Mobile is buit on top of the Kendo UI framework, which, among many other features, includes a DataSource component. The DataSource component may be used  in a stand-alone mode, or widgets (for example, the mobile ListView) can be bound to it.  You can read more about it in the documentation, and review the datasource demos, currently available in the  web section.

All the best,
Petyo
the Telerik team

[underscore]

Hi Petyo,

looks like also the mobile Kendo UI is getting extremely useful.

Unfortunately the mobile list view is not bound to a remote datasource and also the datasource demos over at the web section do not explain how to hook up the mobile application. At least one working example would be nice.

At present, there is only support for the sliding button for data entry?

Thanks for all.

[Petyo]

Hi Matthias,

The Sushi demo has a datasource fetching remote JSON data, bound to a mobile ListView. You can look through its source. 

Right now the switch is the only mobile form widget. Do not hesitate to share your thoughts regarding other widgets which can be useful in mobile applications.

Kind regards,
Petyo
the Telerik team

[Dimitar Shishkov]

I would just suggest to include the Sushi app in the examples section in the download for Kendo UI Mobile, since it contains so many elements traditionally used in building mobile web applications.

Thanks!

[Petyo]

Hi,

We plan on releasing the Sushi demo application as a public repository in our telerik github account. Will announce that once done. The app code itself is not that much though (and we actually aim at making it even less). 

All the best,
Petyo
the Telerik team

[Trevor]

I may add that fetching your own remote data via Jquery ajax may also be a useful option.  Actually for basic templating (not involving lists), I am using Angularjs (a very powerful MVC and templating engine), and I'm using the built-in Angular XHR service to retrieve my data.

BTW I'd like to see examples of or hear of other people combining Angular with Kendo.  It's becoming my MVC of choice over Knockout.

[Devon]

Hi guys.

The Sushi demo is VERY similar to what I need to do. Where can I get the source code for it?

Basically what I need to do is get a list of customers from my RavenDB database. Each customer has details including an array of packages. Each package has its own details.

I need to populate a list of customers, then when a customer is selected, bring up a new page with a list of their packages.

This is a mobile application.

Can anyone give me some advice or a decent example as I'm having issues connecting to the database.

Thanks!!

Devon.

[N Mackay]

Devon,

I think this is it.

https://github.com/telerik/kendo-mobile-sushi 

[Devon]

Thanks Norman!!

Much appreciated!!

[N Mackay]

Your welcome.

Word of warning, that demo seems to have a bug. If you add items to the cart and then click on the cart icon in the tabstrip and remove and item the app hangs, you can't navigate to another page.

I've stuck in a ticket to Telerik, I reproduced it on my HTC and the simulator using Chrome.

[Matt]

Hello,
Pardon me, as I am new to Kendo (still fairly new to AngularJS). Can some one please let me know or point me to the sample code where, I can combine AngularJS's xhr ($http/$resource/restangular) with Kendo datasource for a Kendo grid?

Thanks
Matt'M

[Daniel]

Hi,

If you wish to use the Angular request instead of the built-in request the you could set a function as demonstrated in the third example in this documentation topic. An alternative is to get the data and then set it to the dataSource with the data method.

Regards,
Daniel
Telerik