Question

在我的应用程序中，我有一个名为“Collections”的实体，每个集合都有一个类型。我想将这些集合加载到tabstrip中。每个选项卡都是根据类型的数量动态生成的：

@{
  Html.Telerik().TabStrip()
      .Name("CollectionTabStrip")
      .HtmlAttributes(new {@class = "mainTabStrip"})
      .Items(tabstrip =>
      {
       foreach (var type in Model.MediaCollectionTypes)
         {
          tabstrip.Add()
          .Text(type.Name)
          .HtmlAttributes(new {@class = "TabStripLi-1"})
          .ContentHtmlAttributes(new {style = "width: 589px; min-height: 400px;"})
          .LoadContentFrom("Collections", "MediaManager", new {typeId = type.ID, mediaId = Model.MediaID});
          }
       })
       .SelectedIndex(0)
       .ClientEvents(c => c.OnContentLoad("onTabStripContentLoad"))
       .Render();

   }

现在问题是单击选项卡时加载了内容，但我需要在page/tabstrip加载时加载所有内容。有人可以帮帮我吗？

Answer 1

您可以使用tabstrip的.OnLoad（“onLoad”）事件并调用javascript函数来加载您的内容。

参考：http://demos.telerik.com/aspnet-mvc/razor/tabstrip/clientsideevents

Telerik Tabstrip中的动态内容加载

1 个答案: