Embed kendo grid in a dynamic tab

5 posts, 0 answers
  1. David
    David avatar
    27 posts
    Member since:
    Apr 2013

    Posted 19 Feb 2015 Link to this post

    My application is dynamically creating and deleting tabs based on user input. I am trying to embed a kendoGrid (or any other kendo control inside one of the tabs but I guess I need to postpone the construction of the kendoGrid until after the content of the tab is created. In another tab I am rendering a diagram using NorthWoods GoJS which also needs to be delayed until the container has been created. Is there an example anywhere showing the best way to do this? I can kind of get it to work using the activate event on the tabstrip but that seems klunky...

  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 23 Feb 2015 Link to this post

    Hello David,

    If the new tab that you are creating, does NOT load content via Ajax, you can instantiate Kendo UI widgets inside it immediately after executing append or insertAfter or insertBefore.

    If the new tab loads content with Ajax, then create Kendo UI widgets inside in the TabStrip's contentLoad event handler.

    http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip#events-contentLoad

    Another option in the second case is to include the Javascript initialization statements in the content, which is loaded with Ajax, and they will be executed automatically.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Aravind
    Aravind avatar
    21 posts
    Member since:
    Oct 2015

    Posted 06 Nov 2015 in reply to Dimo Link to this post

    Is it possible to just call already created Kendo Grid??

    On Content load.

    Can you please give me an example?

  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 10 Nov 2015 Link to this post

    Hello Aravind,

    Assuming that a widget has already been created, you can obtain a reference to it by following the documentation guidelines below.

    http://docs.telerik.com/kendo-ui/intro/installation/events-and-methods

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Aravind
    Aravind avatar
    21 posts
    Member since:
    Oct 2015

    Posted 10 Nov 2015 in reply to Dimo Link to this post

    Thanks, Dimo!
Back to Top
Kendo UI is VS 2017 Ready