tabbedpanel - 保留在当前选项卡上，但更改选项卡的内容

发布于 2024-10-10 23:08:50 字数 508 浏览 1 评论 0原文

我有一个带有两个选项卡的选项卡面板，当用户单击第二个选项卡上的“提交”时，我想保留在当前选项卡上，但使用新的 jsp 更改选项卡的内容。

    <td width="100%"><s:tabbedpanel id="test">

        <s:div id="two" label="Search" theme="ajax"
            href="/Search.action">

        </s:div>

        <s:div id="three" label="Add" theme="ajax"
            href="/search.jsp">

        </s:div>

    </s:tabbedpanel>

因此，当用户在“添加”选项卡中单击“添加”时，用户将被重定向到新选项卡中名为“confirmation.jsp”的新选项。

感谢您的任何帮助。

原文

I have a tabbedpanel with two tabs, when the user clicks submit on the second tab I would like to stay on the current tab but change the content of a tab with a new jsp.

    <td width="100%"><s:tabbedpanel id="test">

        <s:div id="two" label="Search" theme="ajax"
            href="/Search.action">

        </s:div>

        <s:div id="three" label="Add" theme="ajax"
            href="/search.jsp">

        </s:div>

    </s:tabbedpanel>

So when the user clicks add within the add tab, user is then redirected to new called confirmation.jsp within the new tab.

Thanks for any help.

分享到QQ

分享到微博

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

发布评论

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

戏舞 2024-10-17 23:08:50

使用 JQuery 将使您的生活更轻松，请参阅 http://docs.jquery.com/UI/Tabs
该页面的此示例切换到第三个选项卡

var $tabs = $('#example').tabs(); // first tab selected

$('#my-text-link').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});

看看该页面

Using JQuery will make your life easier, see http://docs.jquery.com/UI/Tabs
This example from that page switches to the third tab

var $tabs = $('#example').tabs(); // first tab selected

$('#my-text-link').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});

Have a look at the page

回复收藏 0 原文

~没有更多了~