kendo-ui - 两个带有两个剑道网格的标签条

Question

我想分别加载两个带有两个标签条的 kendogrid。要求是当我单击选项卡时，只有网格应该加载。页面加载时不应加载两个网格

Answer 1

我通过在我的控制器上调用一个返回部分视图的操作来完成类似于 Supersnake 描述的操作：

@(Html.Kendo().TabStrip().Name("myTabStrip")
    .Items(tabs =>
    {
        tabs.Add().Text("Tab1").LoadContentFrom("Tab1Load", "MyController", new { id = Model.ID }).Selected(true);
        tabs.Add().Text("Tab2").LoadContentFrom("Tab2Load", "MyController", new { id = Model.ID });
    })
    .Events(e => e.Select("onTabSelect"))

)

我的控制器动作：

[HttpGet]
public PartialViewResult Tab1Load(int id)
{
    // load view model (vm) for partial 
    return PartialView("_Tab1Content", vm);
}

您也可以直接加载部分。注意事项：当通过 AJAX 加载选项卡时，它可能会影响 jquery 问题，例如验证。不过网格应该没问题。