Стремительная загрузка в 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
методы)