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

查看页面

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

1 个答案: