渴望加载Kendo Tabstrip

时间:2016-01-11 10:10:02

标签: kendo-ui kendo-asp.net-mvc kendo-tabstrip

我正在使用LoadContentFrom Kendo 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 个答案:

答案 0 :(得分:2)

有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方法)