2014-03-28 65 views
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>&ordm;C</span></h2> 
          <p>Rainy weather in Paris.</p> 
         </div> 
         <span class="rainy">&nbsp;</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>&ordm;C</span></h2> 
          <p>Rainy weather in Sidney.</p> 
         </div> 
         <span class="rainy">&nbsp;</span> 
         </text>); 
       }) 
     ) 
    </div> 

HomeController 
---------------- 

    public ActionResult HandleTabStrip() 
     { 
      return View(); 
     } 

下面的問題是突出部不切換。沒有JS錯誤。它只是改變URL無所事事 的http://:55985 /首頁/ AjaxBoundTabView#分頁列-2 我已經花了近2個星期沒有任何線索。我只是跟着文檔中指定的步驟,但它不工作

+0

的標籤只是不切換既不是事件被打 – user3446885

+0

解決了問題,問題是jQuery的,JS是不包括 – user3446885

回答

0

嘗試改變jQuery的版本。 1.7.1相當老,你的Kendo UI版本可能不支持它。