我的 telerik mvc tabstrip 不起作用

发布于 2024-10-15 06:57:14 字数 991 浏览 6 评论 0原文

我在 UserControl 中有一个 TabStrip，它显示在 Telerik 窗口中。该窗口是由于在 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();
%>

原文

I have a TabStrip in a UserControl that is shown in a Telerik window. This window is shown as a result of the addition of one record in a Telerik grid, but i cant change the tabs clicking on it.

I could try to make it work with TabStrip events and some javascript but this stuff is done in the control (I'm sure in the Telerik example they do nothing to make it work).

I have added the <%: Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)) %> to load all javascript needed, I suppose it must be something like I must add some script but I have no idea. I have created my project from Telerik Mvc Project Addin for VS 2010 so it put all what i need in the project already.

Some help would be great.

I will copy here the TabStrip code, maybe it is something in the code, but I'm just copying and pasting the same TabStrip from the example.

<%
    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();
%>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

空袭的梦i 2024-10-22 06:57:14

您可能遇到了此问题。解决方案是包含必需的 JavaScript 文件通过 TabStrip。

回复收藏 0 原文

水溶 2024-10-22 06:57:14

@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)

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

@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)

The above code worked for me. You can replace @ by <%= %>..

回复收藏 0 原文

~没有更多了~