在 Kendo Tabstrip 中急切加载

Question

我正在使用Kendo TabStrip 的LoadContentFrom 方法，它允许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') 选择器返回所有选项卡的数组。

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 方法）