TabStrip kendo UI无法正常工作

时间:2013-04-29 21:17:53

标签: kendo-ui kendo-grid

我试图用一些嵌套网格设置一个kendo标签。第一个选项卡可以使用嵌套网格加载,但是,当我单击第二个选项卡时,tabStrip不会切换到第二个选项卡。我甚至从kendo下载了这个例子,它也不起作用!我已导入所有kendo js文件(包括.all和.tabstrip文件)。但它不起作用。我使用jquery 1.7和MVC 4.这是我从kendo网站获得的示例。除此之外,O还有他们提供的css。有任何想法吗?提前谢谢!

<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>);
      })
)

1 个答案:

答案 0 :(得分:6)

我的错误与jquery版本有关,要使用tabStrip组件,jquery 1.9.1是必需的。

谢谢! http://docs.kendoui.com/getting-started/javascript-dependencies