Kendo UI选项卡条

Question

I am using ASP.NET MVC 4 along with Kendo UI. How do I load TabStrip content using Ajax, keeping in mind there are different views (.cshtml).

The last TabStrip item (Action, Controller) never loads.

@(Html.Kendo().TabStrip()
              .Name("tabstrip")
              .Items(tabstrip =>
              {
                  tabstrip.Add().Text("Dimensions & Weights")
                      .Selected(true)
                      .LoadContentFrom(Url.Content("~/Content/tabstrip/ajax/ajaxContent1.html"));

                  tabstrip.Add().Text("Engine")
                      .LoadContentFrom(Url.Content("~/Content/tabstrip/ajax/ajaxContent2.html"));

                  tabstrip.Add().Text("Chassis")
                      .LoadContentFrom("AjaxLoadedPersonalItem", "Home");
                      //.Content(Html.Action("AjaxLoadedPersonalItem", "Home").ToString());
              })
        )

Answer 1

Are you sure you have a view call AjaxLoadedPersonalItem under the Views/Home ?

This is the only reason I can see for this not to load.

For example I've just tried the code below and it worked fine

This is structure I've added to the MVC project

To the controller

and the respective views

And this was the result:

Hope it may help