如何创建动态剑道 TabStrip 选项卡

Question

我有带有侧菜单和内容的网站。 里面的内容我有 Tabstrip，我有默认的一个 Tab。

我只想在选择一项时动态添加选项卡，而不是打开新视图，我想在内容中显示新选项卡。

是否可以？

这是我在布局中的 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

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

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',
    });