2013-04-29 5 views
2

Im пытается настроить ленту kendo с некоторыми вложенными сетками. Первая вкладка загружается нормально с вложенной сеткой, однако, когда я нажимаю на вторую вкладку, tabStrip не переключается на вторую. Я даже загрузил пример из кендо, и он тоже не работает! Я импортировал все файлы kendo js (включая файлы .all и .tabstrip). Но это не работает. Im с использованием jquery 1.7 и MVC 4. Это пример, который у меня есть на сайте kendo. Кроме того, у них есть css, который они предоставляют. Есть идеи? Заранее спасибо!TabStrip kendo UI не работает

<div id="forecast"> 
@(Html.Kendo().TabStrip() 
     .Name("Menu") 
     .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(@<text> 
       <div class="weather"> 
        <h2>29<span>&ordm;C</span></h2> 
        <p>Sunny weather in New York.</p> 
       </div> 
       <span class="sunny">&nbsp;</span> 
       </text>); 

      tabstrip.Add().Text("Moscow") 
       .Content(@<text> 
       <div class="weather"> 
        <h2>16<span>&ordm;C</span></h2> 
        <p>Cloudy weather in Moscow.</p> 
       </div> 
       <span class="cloudy">&nbsp;</span> 
       </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>); 
     }) 
) 

+0

какая версия KendoUI вы используете? –

ответ

6

Моя ошибка была связана с JQuery версии, чтобы использовать TabStrip компонент JQuery 1.9.1 требуется.

Спасибо! http://docs.kendoui.com/getting-started/javascript-dependencies

+0

У меня также была эта проблема, только мне пришлось использовать файл migrate js сразу после файла jquery.js для исправления ошибок в изменениях версии jquery. http://jquery.com/download/ – PAULDAWG

Смежные вопросы