kendo-ui - Kendo Tabstrip 中的预加载

Question

我正在使用 Kendo TabStrip 的 LoadContentFrom 方法，它允许 tabstrip 从另一个 action 方法 加载内容。

仅当用户单击链接、选项卡时才会加载内容，因此它会导致我想避免的短暂延迟。我无法找到任何方法来启用此控件的急切加载并一次加载所有选项卡。欢迎任何建议或解决方法。

这是一个示例选项卡:

@(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') 选择器返回所有选项卡的数组。

Answer 1

有 3 种方法可以做到这一点...

首先，生成 HTML 并调用 $("#tabstrip").kendoTabStrip();

其次，生成 JSON，并将其作为 dataSource 传递

两者都使用客户端，可以在此处看到:http://docs.telerik.com/kendo-ui/web/tabstrip/overview#initialize-the-tabstrip

服务器端使用 TabStrip HtmlHelper，可以在此处找到该文档:http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/tabstrip/overview#tabstrip (查看 .Items 和 .Content 方法)