如何使用struts2弹出显示列表数据

时间:2016-03-11 14:55:35

标签: jsp struts2 struts2-jquery-plugin struts2-bootstrap-plugin

我的动作类中有对象列表,如下所示。

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类:(它有getter和setter)

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

现在在jsp页面上,我希望显示此列表数据在按钮上显示为在同一页面上弹出的表 <或点击(显示列表大小)。

<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>

请帮助我,我已经被困在这里。

1 个答案:

答案 0 :(得分:0)

您需要在jsp中使用<s:iterator>标记 here你可以找到一个struts2迭代器使用表的例子。

对于弹出式部分,您可以使用任何Html / JS组合(如果使用引导程序,您可以使用modal),只需根据需要显示或隐藏代码