Kendo ui ASP.NET MVC/TabStrip-不切换选项卡
1) bundle.config中包含以下内容Kendo ui ASP.NET MVC/TabStrip-不切换选项卡,kendo-ui,telerik,Kendo Ui,Telerik,1) bundle.config中包含以下内容 /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.m
/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();
}
/Content/kendo/kendo.common.min.css
/Scripts/modernizer-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
3) .cshtml
@使用Kendo.Mvc.UI
变量onActivate=函数(e){
//通过e.item(元素)访问激活的项目
//通过unbind()分离激活事件处理程序
tabStrip.unbind(“激活”,onActivate);
};
@(Html.Kendo().TabStrip())
.名称(“tabstrip”)
.Events(Events=>Events
.选择(“onSelect”)
.激活(“onActivate”)
.ContentLoad(“onContentLoad”)
.错误(“onError”)
)
.Items(tabstrip=>
{
tabstrip.Add().Text(“巴黎”)
.已选择(真)
.内容(@
17º;C
巴黎多雨的天气
);
tabstrip.Add().Text(“纽约”)
.Content(Html.Action(“handleAbstrip”、“Home”).ToString()
);
tabstrip.Add().Text(“莫斯科”)
.内容(@
@动作(“HandleTabStrip”,“Home”)
);
tabstrip.Add().Text(“Sydney”)
.内容(@
17º;C
悉尼多雨的天气
);
})
)
家庭控制器
----------------
公共行动结果手册Abstrip()
{
返回视图();
}
问题是标签无法切换。没有JS错误。它只是不做任何改变
http://:55985/Home/AjaxBoundTabView#tabstrip-2
我已经花了将近两个星期没有任何线索。我只是按照文档中指定的步骤进行操作,但它不起作用尝试更改jQuery版本。1.7.1是一个非常旧的版本,您的剑道UI版本可能不支持它。选项卡不切换,事件也没有解决问题问题是jquery,js不包括在内