tabs - 将 VIewModels 绑定到 ajax 加载的 TabStrip 选项卡

Question

我的 Razor View 上有一个标签条，如下所示：

    @(Html.Kendo().TabStrip()
          .Name("tabstrip")
          .Items(tabstrip =>
          {
              foreach (var tab in @Model.Tabs.Values)
              {
                  tabstrip.Add().Text(tab.Title)
                  .LoadContentFrom(tab.Title.Replace(" ", string.Empty), "Account"); //remove spaces for action methods
              }
          })
    )

控制器为每个选项卡返回一个局部视图。主视图绑定到一个名为 AccountViewModel 的视图模型，该模型具有一个名为 Tabs 的字典。选项卡将字符串映射到每个单独选项卡的 ViewModel。

在 foreach 循环的每次迭代中，tab实际上是我想绑定到正在加载的实验室的 ViewModel。

有没有办法将 ViewModel，比如说，Tabs["tabA"] 绑定到 LoadContentFrom("tabA", "Account"); 返回的部分视图？

Answer 1

不，这不能完成，因为选项卡将由 ajax 请求加载。您返回部分结果的操作方法需要正确设置该部分视图的模型。

另一种选择是避免使用 LoadContentFrom：

foreach (var tab in @Model.Tabs.Values)
{
   tabstrip.Add().Text(tab.Title)
           .Content(@Html.Partial(/* partial view name */ tab.Title, /* view model */ tab));        
}