Telerik Tabstrip中的动态内容加载

本文关键字:加载 动态 Tabstrip Telerik | 更新日期: 2023-09-27 18:00:37

在我的应用程序中,我有一个名为"Collections"的实体,每个集合都有一个类型。我想把这些集合加载到一个标签条中。每个选项卡都是根据类型的数量动态生成的:

@{
  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加载时加载所有内容。有人能帮我吗?

Telerik Tabstrip中的动态内容加载

您可以使用tabstrip的.OnLoad("OnLoad")事件并调用javascript函数来加载您的内容。

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