Question

我有一个要求，即创建一个表单并使用bootstrap将此表单作为模态加载到多个屏幕上。

示例：假设我有3个jsp页面，即Index.jsp，Request.JSP，Form.jsp

现在我在Index.jsp上有一个链接，它将Form.jsp显示为Modal，我在Request.jsp上有按钮，点击按钮时，Form.jsp将显示为模态。

我经历了多次查询，但解决方案并不令人满意。我不想重复代码并想使用Modal。

提前致谢。

Answer 1

我得到了解决方案。我在主JSP中保留了Modal和Modal-dialog类div标签，如下所示：

Data-Validation List

然后我在第二个JSP CashRequestForm.jsp中添加了带有modal-body类的表单：

<div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Cash Request Form</h4>
                </div>
                <div id="loadModalBody" >

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

然后我使用jquery调用.load，如下所示：

<div class="modal-body panel">
            <div class="panel panel-body" id="panelActTypeAndDate">
                <div class="row">
                    <div class="col-md-8"><font>Activity Type</font></div>
                    <div class="col-md-3"><font>Select Activity Date</font></div>
                </div>
                <div id="row1" class="row">
.....
.....
Your code
 </div>
            </div>
        </div>

它对我有用。

在一个jsp页面中，单击On按钮，在bootstrap中将第二个jsp页面加载为模态

1 个答案: