0
1)包括在bundle.configASP.NET MVC/TabStrip控件 - 犯規切換標籤
/Content/kendo/kendo.common.min.css
/Scripts/modernizr-2.5.3.js
/Scripts/jquery-1.7.1.js
/Scripts/kendo/kendo.all.min.js
/Scripts/kendo/kendo.aspnetmvc.min.js
/Content/kendo/kendo.common.min.css
/Content/kendo/kendo.metro.min.css
2) web.config
<namespaces>
<add namespace="System.Web.Mvc" />
<add namespace="System.Web.Mvc.Ajax" />
<add namespace="System.Web.Mvc.Html" />
<add namespace="System.Web.Optimization"/>
<add namespace="System.Web.Routing" />
<add namespace="Kendo.Mvc.UI" />
</namespaces>
3) .cshtml
@using Kendo.Mvc.UI
<script>
var onActivate = function (e) {
// access the activated item via e.item (Element)
// detach activate event handler via unbind()
tabStrip.unbind("activate", onActivate);
};
</script>
<div id="forecast">
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Events(events => events
.Select("onSelect")
.Activate("onActivate")
.ContentLoad("onContentLoad")
.Error("onError")
)
.Items(tabstrip =>
{
tabstrip.Add().Text("Paris")
.Selected(true)
.Content(@<text>
<div class="weather">
<h2>17<span>ºC</span></h2>
<p>Rainy weather in Paris.</p>
</div>
<span class="rainy"> </span>
</text>);
tabstrip.Add().Text("New York")
.Content(Html.Action("HandleTabStrip","Home").ToString()
);
tabstrip.Add().Text("Moscow")
.Content(@<text>
@Html.Action("HandleTabStrip", "Home")
</text>);
tabstrip.Add().Text("Sydney")
.Content(@<text>
<div class="weather">
<h2>17<span>ºC</span></h2>
<p>Rainy weather in Sidney.</p>
</div>
<span class="rainy"> </span>
</text>);
})
)
</div>
HomeController
----------------
public ActionResult HandleTabStrip()
{
return View();
}
下面的問題是突出部不切換。沒有JS錯誤。它只是改變URL無所事事 的http://:55985 /首頁/ AjaxBoundTabView#分頁列-2 我已經花了近2個星期沒有任何線索。我只是跟着文檔中指定的步驟,但它不工作
的標籤只是不切換既不是事件被打 – user3446885
解決了問題,問題是jQuery的,JS是不包括 – user3446885