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

2 posts, 0 answers
  1. Bobby
    Bobby avatar
    24 posts
    Member since:
    Nov 2013

    Posted 06 Feb 2014 Link to this post

    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 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?
  2. Alexander Popov
    Alexander Popov avatar
    1436 posts

    Posted 10 Feb 2014 Link to this post

    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.

    Alexander Popov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top