如何创建动态 Kendo TabStrip 标签

Question

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

我只想在我 select 一个项目时动态添加标签而不是打开新视图我想显示新标签 里面的内容.

可能吗？

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

我在 kendo 文档中找到了我的问题答案。如果你想动态添加新标签，你可以使用 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',
    });