Как создать динамические c вкладки Kendo TabStrip - PullRequest
0 голосов
/ 16 марта 2020

У меня есть веб-сайт с боковым меню и контентом. Внутри контента у меня есть Tabstrip, и у меня одна вкладка по умолчанию.

Я просто хочу динамически добавлять вкладки, когда я выбираю один элемент вместо открытия нового представления, я хочу показать новую вкладку внутри контента.

Возможно ли это?

Вот моя вкладка внутри Layout

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

1 Ответ

0 голосов
/ 19 марта 2020

Я нашел ответ на свой вопрос в документах кендо. Если вы хотите динамически добавлять новые вкладки, вы можете использовать функцию 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',
    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...