如何創建動態劍道 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',
    });