Tabstrip title using datasource and template or string concatenation

[Steve]

In a tabstrip bound to a datasource, is there any way to specify a template for the text that displays on the tab or concatenate a string value along with the field bound to dataTextField?  For example, if I have datasource containing a column called "TeamName" containing  the values "Red", "Blue", and "Green", is there any way to concatenate a string such as " Team" so that the tab text actually displays the concatenated values of "Red Team", "Blue Team", "Green Team"?

Any assistance is appreciated; I'm happy to provide further clarification or sample code if needed.

[Iliana Dyankova]

Hello Steven,

Generally speaking, a template functionality on the tabs in the Kendo UI TabStrip is not supported out of the box. As a workaround I suggest to modify the incoming data in the data function. For example:

$("#tabStrip").kendoTabStrip({
   dataTextField: "TeamName",
   dataContentField: "content",
   dataSource: {
   data: data,
   schema: {
     data: function(data) {
        for(var i = 0; i < data.length; i++) {
           data[i].TeamName = "Team Name :: " + data[i].TeamName;
        }
    return data;
     }
   }
  }
});

For convenience, I created a sample project, which illustrates such approach in action. 

 

Regards,
Iliana Nikolova
the Telerik team

[Steve]

Hi Iliana,

Sorry for the delay in replying; I think my spam filter must have blocked the notification of your response.

Thanks for the feedback; I'll go ahead and add the concatenated string through the data function then.  Are there any plans to add support for templates in a future release, or do you expect this to continue to be the recommended approach for the foreseeable future? 

Regards,
Steve 

[Iliana Dyankova]

Hi Steve,

The implementation of templates in the tabs of Kendo UI TabStrip is not scheduled, but this idea sounds good and I would suggest to share it as a feature request at our UserVoice page. This way the community would be able to vote it and if this suggestion turns out to be popular we will consider its implementation.

 

Kind regards,
Iliana Nikolova
the Telerik team