Как отображать данные списка при всплывании с использованием struts2

-1

У меня есть список объектов в моем классе действий, как показано ниже.Как отображать данные списка при всплывании с использованием struts2

private ArrayList<Employee> emp_list; 
public ArrayList<Employee> getEmp_list() { 
    return emp_list; 
} 
public void setEmp_list(ArrayList<Employee> emp_list) { 
    this.emp_list = emp_list; 
}

Bean Class: (он имеет поглотитель и сеттер)

private String name; 
private String designation; 
private String project;

Сейчас на JSP странице я хочу показать этот список данные, которые будут отображаться в виде таблицы на всплывающем окно на одной странице на кнопке или href нажмите (показывает размер списка).

<body> 

    <div class="container"> 
     <h2>Modal Example</h2> 
     <!-- Trigger the modal with a button --> 
     <table> 
      <s:iterator value="emp_list"> 
       <tr> 
        <td><s:property value="name" /></td> 
        <td> 
         <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Display Details</button> 
        </td> 
       </tr> 
      </s:iterator> 
     </table> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
      <div class="modal-dialog"> 

       <!-- Modal content--> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Employee Details</h4> 
        </div> 
        <div class="modal-body"> 
         <table> 
          <tr> 
           <td>Name</td> 
           <td><s:property value="name" /> 
           </td> 
          </tr> 
          <tr> 
           <td>Designation</td> 
           <td><s:property value="designation" /> 
           </td> 
          </tr> 
          <tr> 
           <td>Project</td> 
           <td><s:property value="project" /> 
           </td> 
          </tr> 
         </table> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 

      </div> 
     </div> 

    </div> 

</body>

Пожалуйста, помогите мне, я застрял здесь.

источник

2016-03-11 Deepak Ingale

Я не уверен, что вопрос , Разве это не просто использование jQuery или плагина? –

Что вы пробовали? Это какая-то таблица во всплывающем или всплывающем окне на той же странице? –

да, Роман, вы правы, мне нужна таблица на всплывающих окнах на той же странице, но не знаю, как ее реализовать. –

Вы должны использовать тег <s:iterator> в jsp here. Вы можете найти пример с использованием итератора struts2 со столом.

Для всплывающей части, вы можете использовать любой комбинированный HTML/JS (при использовании начальной загрузки вы можете использовать modal) и просто показать или скрыть свой код по мере необходимости

источник

2016-03-11 15:13:51 nsawaya

Не могли бы вы привести пример с помощью bootstrap? –

Ну, используйте ту же ссылку на модальный пример (модальный, который я связал), и просто замените его содержимым таблицы, которое вам нужно от других ссылок, модальная всегда присутствует в вашем jsp, это просто не показывая, пока вы не покажете его с помощью JS. – nsawaya

Как отображать данные списка при всплывании с использованием struts2

ответ

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