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 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?
  2. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 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.

    Regards,
    Alexander Popov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top