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

Question

我有一个带有两个选项卡的选项卡面板，当用户单击第二个选项卡上的“提交”时，我想保留在当前选项卡上，但使用新的 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”的新选项卡。

感谢您的帮助。

Answer 1

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

看看页面