带有两个剑道网格的两个标签条答案

【问题标题】：Two Tabstrips with Two Kendo Grids带有两个剑道网格的两个标签条
【发布时间】：2017-06-07 12:54:18
【问题描述】：

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

【问题讨论】：

您可以考虑使用一个网格声明，该声明是根据所选选项卡项使用其他数据创建/销毁和重建的。
我会考虑为两个网格创建一个局部视图。然后当你选择一个选项卡时，调用你要加载的局部视图。

标签： kendo-ui kendo-grid kendo-asp.net-mvc kendo-tabstrip

【解决方案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);
}

您也可以只使用load the partial directly。注意事项：当通过 AJAX 加载选项卡时，它可能会影响 jquery 问题，例如验证。不过网格应该没问题。

【讨论】：