我的 Telerik mvc tabstrip 不起作用答案

【问题标题】：My telerik mvc tabstrip does not work我的 Telerik mvc tabstrip 不起作用
【发布时间】：2011-01-31 17:58:35
【问题描述】：

我在 Telerik 窗口中显示的 UserControl 中有一个 TabStrip。该窗口是在 Telerik 网格中添加一条记录后显示的，但我无法更改单击它的选项卡。

我可以尝试让它与 TabStrip 事件和一些 javascript 一起工作，但是这些东西是在控件中完成的（我确信在 Telerik 示例中他们没有做任何事情来使它工作）。

我添加了<%: Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)) %> 来加载所有需要的javascript，我想它一定是我必须添加一些脚本但我不知道。我已经从 Telerik Mvc Project Addin for VS 2010 创建了我的项目，所以它已经把我需要的所有东西都放在了项目中。

一些帮助会很棒。

我将在此处复制 TabStrip 代码，可能是代码中的某些内容，但我只是从示例中复制和粘贴相同的 TabStrip。

<%
    Html.Telerik().TabStrip()
        .Name("TabStrip")
        .Items(items =>
        {
            items.Add().Text("Item 1")
                 .Content(() =>
                 {%>
<p>
    Content</p>
<%});
            items.Add().Text("Item 2")
                 .Content(() =>
                 {%>
<p>
    Content</p>
<%});
        })
        .SelectedIndex(0)
        .Render();
%>

【问题讨论】：

标签： telerik-mvc

【解决方案1】：

您可能遇到了this 问题。解决方案是通过 TabStrip 包含 JavaScript 文件 required。

【讨论】：

【解决方案2】：

@Html.Telerik().TabStrip().Name("TabStrip").Items(items =>
{
    items.Add().Text("First").Content(@<p>First Page</p>);
    items.Add().Text("Second").Content(@<p>Second Page</p>);

}).SelectedIndex(0)

上面的代码对我有用。您可以将@ 替换为<%= %>..

【讨论】：