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>

Поэтому, когда пользователь нажимает кнопку «Добавить» на вкладке «Добавить», пользователь перенаправляется на новый файл с именем valid.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;
});

Посмотрите на страницу