template for tabstrip content

[JCSCo]

I have a remote dataSource with about 20 different values. I have one value being used as the dataTextField for a tabstrip. I would like to use the rest of the values in the content of the tabstrip (perhaps in a template). Is there an example somewhere of this being done? all the documentation I can find shows simple text data with a single value in the content. I need to be able to edit multiple values in the content of the tabstrip. any help is appreciated.

[Alexander Popov]

Hi JCSCo,

This behavior is not supported out of the box, however it could be achieved using a custom solution. For example, the TabStrip's select event could be utilized to get the dataItem corresponding to the selected tab and passed to a template. The result could then be used to populate the tab's content, as shown in this example.

Regards,
Alexander Popov
Telerik

 

 

[JCSCo]

Thanks, this looks like it will do the trick.

[JCSCo]

Hi Alexander,

I have successfully created a template using your example as a guideline for static data. However, I have to add some numeric text boxes and drop down lists to the template and I'm not sure how to. All the examples I could find use MVVM and data-attributes, which don't seem to work in this scenario. Is there a way to include numeric textboxes and drop down lists to the template in your example, or would it be better to reconfigure the template to use MVVM. and if so, is there an example available?

Thanks

[Alexander Popov]

Hello again,

Here is an example how you could use the MVVM approach to initialize widget from the template.

Regards,
Alexander Popov
Telerik

 

 

[David]

Alexander:

How would you force the first tab to show in this example?  Thanks!

[Alexander Popov]

Hello David,

The simplest approach would be to call the select method right after the TabStrip has been initialized. For example: 

$("#tabstrip").kendoTabStrip({
    ...
});
$("#tabstrip").getKendoTabStrip().select(0);

Regards,
Alexander Popov
Telerik