Стремительная загрузка в Kendo Tabstrip

Я использую LoadContentFrom метод Kendo TabStrip, он позволяет tabstrip загружать контент из другого action method,

Контент будет загружен только тогда, когда пользователь нажимает на ссылку, вкладку, поэтому это вызывает небольшую задержку, которую я хотел бы избежать. Мне не удалось найти какой-либо метод, позволяющий активно загружать этот элемент управления и загружать сразу все вкладки. Любые предложения или обходные пути приветствуются.

Это образец вкладки:

@(Html.Kendo().TabStrip()
    .Name("tabstrip")
    .Animation(false)
    .SelectedIndex(0)
            .Items(i =>
            {
                i.Add()
                    .Text("Action1")
                    .LoadContentFrom("Action1", "Controller");
                i.Add()
                    .Text("Action2")
                    .LoadContentFrom("Action2", "Controller");
                i.Add()
                    .Text("Action3")
                    .LoadContentFrom("Action3", "Controller");
            })
)

ОБНОВИТЬ

Благодаря @joaumg, это код JS, который я использую:

$('#tabstrip').data().kendoTabStrip.reload($('#tabstrip ul li'))

Reload метод выполняет работу и загружает вкладку, и $('#tabstrip ul li') селектор возвращает массив всех вкладок.

1 ответ

Есть 3 способа сделать это...

Во-первых, генерация HTML и вызов $("#tabstrip").kendoTabStrip();

Во-вторых, сгенерируйте JSON и передайте его как dataSource

Оба используют сторону клиента и могут быть замечены здесь: http://docs.telerik.com/kendo-ui/web/tabstrip/overview

На стороне сервера используется TabStrip HtmlHelper, документы которого можно найти здесь: http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/tabstrip/overview (посмотрите на .Items а также .Content методы)

Другие вопросы по тегам