2009-05-30 1 views
1

Я использую теги Struts2 для моей страницы проектирования на лицевой стороне.хочу добавить динамический контент на страницу jsp

Теперь у меня есть требование для моей страницы jsp, что я положил 3 простых поля & на какую-то ссылку на ссылку. Я хочу, чтобы так повторялось какое-то другое 3 или 4 поля в одной и той же форме динамически.

Например, если пользователь нажимает 5 раз на ссылку добавления, то 5 раз, чтобы 3 или 4 поля отображались на странице jsp.

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

Plz ответить, если кто есть решение ...

спасибо заранее ....

ответ

1

Ваш лучший подход должен был бы использовать jquery упростить JavaScript. Эта простая html-страница демонстрирует подход:

<html> 
    <head> 
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"/> 
    </head> 
    <body> 
    <form method="post" action="#"> 
     <table> 
     <tbody> 
      <tr> 
      <td><input type="text" name="fieldname"/></td> 
      <td><a href="#" onclick="$(this).closest('tr:not(:only-child)').remove();return false;">delete</a></td> 
      </tr> 
      <tr> 
      <td><input type="text" name="fieldname"/></td> 
      <td><a href="#" onclick="$(this).closest('tr:not(:only-child)').remove();return false;">delete</a></td> 
      </tr> 
     </tbody> 
     <tfoot> 
      <tr> 
      <td></td> 
      <td><a href="#" onclick="var tr = $(this).closest('table').find('tbody tr:first-child').clone(true); $(tr).find(':input').val(''); $(this).closest('table').find('tbody').append(tr); return false;">add</a> 
      </td> 
      </tr> 
     </tfoot>  
     </table> 
    </form> 
    </body> 
</html> 

Это краткое изложение подхода. Каждый повторяющийся элемент является частью строки в таблице. Вы можете выбрать любой другой тип контейнера, настраивающий jquery соответственно. Повторяющиеся элементы находятся внутри тела в каждой строке, есть вход и ссылка, которая удаляет эту строку. Обратите внимание, что он удалит строку только в том случае, если она не является единственным дочерним элементом tbody. Нам нужно это, чтобы всегда иметь способ добавить новый элемент из ссылки добавления. Логика добавления находится в tfoot. Ссылка добавления находит первую строку таблицы в соответствующем tbody, клонирует ее, очищает все значения в любых полях ввода и добавляет ее в tbody как новую строку.

Неправильная практика заключается в том, чтобы вставлять столько javascript/jquery в атрибут, как в этом примере.

 Смежные вопросы

  • Нет связанных вопросов^_^