如何创建动态Kendo TabStrip选项卡

Question

我有一个带有侧面菜单和内容的网站。内部内容中，我具有Tabstrip，而我具有默认一个选项卡。

我只想在选择一个项目而不是打开新视图时动态添加标签，而要显示新标签内部内容。

有可能吗？

这里是我的Tabstrip内部布局

 @(Html.Kendo().TabStrip()
   .Name("tabstrip-layout").SelectedIndex(0)
    .Items(tabstrip =>
     {   tabstrip.Add().Text("General").ImageUrl("~/assets/images/icons/general.svg")
         .Content(@<text>
            @RenderBody()
         </text>);
 }))

Answer 1

我在剑道文档中找到了我的问题答案。如果要动态添加新标签，可以使用append功能

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/append

这里是示例

$("#tabstrip-layout").kendoTabStrip();

var tabstrip = $("#tabstrip-layout").data("kendoTabStrip");
tabstrip.append({
        text: "New "tab,
        encoded: false,
        contentUrl: "../Home/Default",
        imageUrl: 'assets/images/icons/general.svg',
    });