TabStrip LoadContentFrom menu link dynamically

[Kiran]

Hi,

I am trying to load the razor page/ form as acontent for TabStrip dynamically from Menu click event. The telerik team can help to with sample example.

 

Thanks,

Kiran

[Daniel]

Hello Kiran,

I am not sure if I understand the question but you can load the content for a tab via JavaScript via the reload method. Changing the URL from which the content is loaded is not supported out of box can be achieved by loading the content in the tab content element via jQuery:

tabStrip.contentHolder(TabIndex).load("url");

Regards,
Daniel
Telerik

[Kiran]

Hi Daniel,

 

I am trying to load the view when I click on menu item. 

Example: 

// Menu Item Select Item

function select(e) {
       var tabstrip = $("#tabstrip").kendoTabStrip({
               animation: {
                   open: {
                       effects: "fadeIn"
                   }
               }
          }).data("kendoTabStrip");
       tabstrip.contentHolder(0).load(e.item.children(".k-link").text());
    }

[Daniel]

Hi,

The widget should be initialized only once so you should move the initialization out of the select event or destroy the existing tabstrip before initializing a new instance.
As for loading the tab - what is the text used for the menu items? Unless it is the URL to the action method from which the content should be loaded, the provided code will not work. Also, you should set some initial tab for the tabstrip or use the append method to add a new one.

Regards,
Daniel
Telerik