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

Embed kendo grid in a dynamic tab

4 Answers 371 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 19 Feb 2015, 07:46 PM
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...

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 23 Feb 2015, 09:44 AM
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!
0
Aravind
Top achievements
Rank 1
answered on 06 Nov 2015, 10:08 AM

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

On Content load.

Can you please give me an example?

0
Dimo
Telerik team
answered on 10 Nov 2015, 06:44 AM
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!
0
Aravind
Top achievements
Rank 1
answered on 10 Nov 2015, 06:54 AM
Thanks, Dimo!
Tags
TabStrip
Asked by
David
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Aravind
Top achievements
Rank 1
Share this question
or