telerik tab reload（）仅重新加载第一个选项卡

Question

我有3个telerik选项卡，我想在单击特定选项卡时重新加载。 例如，当单击Tab1时，我想调用后端操作方法并仅重新加载选项卡1.我尝试了多种方法，但它重新加载所有3个选项卡或仅重新加载第一个选项卡两次。我错过了什么？

这是代码 -

@{ 
   var index = SelectedTabIndex;

   Html.Telerik().TabStrip()
   .Name("EmployeeTabStrip")
   .Items(tabstrip =>
   {
     var i = 0;
     foreach(Employee emp in EmployeeList)
     {
        tabstrip.Add()
        .Text(emp.GetNameForTab())
        .LoadContentFrom(Url.Action("actionMethod", tabIndex = i }));
         i++;
     }
   })
   .ClientEvents(events => events.OnSelect("loadTab"))
   .SelectedIndex(index)
   .Render();
  }

<script>
    function loadTab(e) {

    var tabStrip = $("#EmployeeTabStrip").data("tTabStrip");

    //Option 1: reloads only 1st tab and calls back-end twice
      tabStrip.reload($(this));

    // Option 2: didn't work.
     if ($(this.innerHTML).is(":empty")) {
         ts.reload($(this));
      }

   //Option 3: reloads all 3 tabs and calls back-end 3 times for all tabs
       var items = $(ts.element).find("> .t-tabstrip-items li");
       ts.reload(items);
   }
</script>