Embed kendo grid in a dynamic tab

[David]

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...

[Dimo]

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

[Aravind]

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

On Content load.

Can you please give me an example?

[Dimo]

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

[Aravind]

Thanks, Dimo!