This is a migrated thread and some comments may be shown as answers.

How do I bind JSON data to Kendo Template to dynamically create Tab content?

1 Answer 220 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Bobby
Top achievements
Rank 1
Bobby asked on 06 Feb 2014, 09:28 PM
I am having trouble determining how to setup a TabStrip to load a tab's content from a json controller action and bind it to a kendo template; especially since @(Html.Kendo().DataSource()) and @(Html.Kendo().TabStrip().DataSource()) seem to be M.I.A.

Therefore, would it be possible to get an updated version of the ajax.cshtml demo on http://demos.telerik.com/kendo-ui/web/tabstrip/ajax.html that demonstrates how to obtain the json data and bind the data to a kendo template rather than having the data hard-coded within the ajaxContent1.html, ajaxContent2.html, and ajaxContent3.html files?

1 Answer, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 10 Feb 2014, 11:25 AM
Hi Bobby,

I am afraid that the TabStrip widget currently does not support binding a DataSource object to a Template out of the box. Similar behavior could be implemented using a custom solution relying on the TabStrip's select event. Once the event is triggered one could use a DataSource or a simple Ajax request to fetch some data, use that data to render a template and replace the tab's contents with the results.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip
Asked by
Bobby
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or