带有两个剑道网格的两个Tabstrips

时间:2017-06-07 12:54:19

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

我想用两个tabtrips加载两个kendogrid。要求是当我单击选项卡然后只加载网格。页面加载时不应加载两个网格

1 个答案:

答案 0 :(得分:0)

我通过在我的控制器上调用一个返回局部视图的Action来实现类似于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问题。网格应该没问题。