Kendo ui 剑道Tabstrip中的快速加载
我正在使用Kendo ui 剑道Tabstrip中的快速加载,kendo-ui,kendo-asp.net-mvc,kendo-tabstrip,Kendo Ui,Kendo Asp.net Mvc,Kendo Tabstrip,我正在使用Kendo TabStrip的LoadContentFrom方法,它允许TabStrip从另一个操作方法加载内容 只有当用户单击链接选项卡时,才会加载内容,因此它会导致我希望避免的短暂延迟。我找不到任何方法来启用此控件的即时加载并一次加载所有选项卡。欢迎提出任何建议或解决方法 这是一个示例选项卡条: @(Html.Kendo().TabStrip() .Name("tabstrip") .Animation(false) .SelectedIndex(0)
Kendo TabStrip
的LoadContentFrom
方法,它允许TabStrip从另一个操作方法
加载内容
只有当用户单击链接选项卡时,才会加载内容,因此它会导致我希望避免的短暂延迟。我找不到任何方法来启用此控件的即时加载并一次加载所有选项卡。欢迎提出任何建议或解决方法
这是一个示例选项卡条:
@(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”)
选择器返回所有选项卡的数组。有3种方法执行此操作
首先,生成HTML并调用$(“#tabstrip”).kendoTabStrip()代码>
其次,生成一个JSON,并将其作为dataSource
两者都使用客户端,可以在此处看到:
服务器端使用TabStrip HtmlHelper,可以在这里找到它的文档:(查看.Items
和.Content
方法)谢谢你的回答,但这不是我问的问题。我知道如何初始化tabstrip,我的问题也包含代码,我想一次加载所有ajax选项卡,而不是按需加载,在用户单击后加载。@Akbari,如果您想急于加载tabstrip,您需要获取内容,然后对其进行初始化,这显然会导致更多内容推送到用户的浏览器,现在,如果您想要一个“假急加载”(加载第一个选项卡,延迟其他选项卡),您可以使用一些javascript,比如.reload
()