Отображение различных данных по нажатию каждой вкладки с помощью Struts 1, JS, AJAX

Question

введение: я разрабатываю Newsetter в Struts1, плитках. Для фронт-энда я использую js и ajax.У меня есть 8 вкладок в верхней части страницы.Я хочу показать разные данные по нажатию каждой вкладки.При нажатии на вкладку (Button) вызывается функция JS, которая использует вызов AJAX для вызова класса действия, который устанавливает свойства формы (в соответствии с этим действием.), А затем я пересылаю свой файл left.jsp (left.jsp - один файл вмой макет, используемый в плитках).Мой left.jsp выглядит следующим образом:

<div id="left1">
  <form name="Project" method="post" >
    <bean:write name="Project" property="name" />
  </form>
  <form name="KnowAMSS" method="post" >
    <bean:write name="KnowAMSS" property="namexyz" />
  </form>
</div>

** Project и KnowAMSS - две вкладки из 8 вкладок.

Проблема: при нажатии на другую вкладку происходит тот же процесс, который отображает данные длясоответствующая вкладка .. Но также отображаются данные о ранее нажатой вкладке.Я не хочу этих. Я хочу данные только для той вкладки, которую я недавно нажал.Пожалуйста, помогите мне в этом.Спасибо.

Answer 1

Есть разные способы выполнить вашу задачу ...

Я рекомендую вам использовать внешнюю библиотеку, такую ​​как jquery-ui

Вот пример:

http://jqueryui.com/demos/tabs/default.html

Исходный код очень прост:

Javascript:

$(function() {
    $( "#tabs" ).tabs();
});

HTML:

  <div id='tabs'>
      // your HTML code
  </div>