Question

我在jsp页面中使用Bootstrap Modals，弹出窗口显示但是当你点击＆＃34;是＆＃34;按钮。它应该删除表中的相关条目，但它不起作用。它在不使用Bootstrap Modal的情况下工作，这意味着servlet端正常，但是我需要添加＆＃34;你确定要删除弹出窗口＆＃34;。不确定这段代码有什么问题，因为一切看起来都不错。

servlet的地址应该是以下

     ${pageContext.request.contextPath}/subject/delete/{subjectId}

这是代码

JSP页面：

       <div class="table-responsive" >
          <table width="100%" id="example" class="cell-border example" cellspacing="0" style="font-size: 14px ; margin-left: 10px; text-align: center; border: 1px solid black;">

                                            <tr style="background-color: white; color: black; border: 1px solid black; text-align: center">
                                                <th style="text-align: center">Sr.</th>
                                                <th style="text-align: center">Code</th>
                                                <th style="text-align: center">Title</th>
                                                <th style="text-align: center">Status</th>
                                                <th style="text-align: center">Actions</th>
                                            </tr>

                                        <c:forEach items="${subjects}" var="subject" varStatus="counter">
                                            <tr>
                                                <td style="font-size: 14px ; border: 1px solid black; background-color: white">${counter.count}</td>
                                                <td style="font-size: 14px ; border: 1px solid black; background-color: white">${subject.subjectCode}</td>
                                                <td style="font-size: 14px ; border: 1px solid black; background-color: white">${subject.subjectName}</td>
                                                <td style="font-size: 14px ; border: 1px solid black; background-color: white">${subject.status}</td>
                                                <td style="font-size: 14px ; border: 1px solid black; background-color: white">
                                                    <a style="" href="${pageContext.request.contextPath}/subject/edit/${subject.subjectId}" title="Edit"><i class="fa fa-pencil-square-o edit"></i></a> &nbsp; &nbsp;
                                                    <a data-toggle="modal" data-target="#myModal" style="color: red; font-weight: bold" <%--href="${pageContext.request.contextPath}/subject/delete/--%> onclick="changeDeleteId(${subject.subjectId})"><i class="fa fa-trash-o delet"></i></a>
                                                </td>
                                            </tr>
                                        </c:forEach>
                                    </table>
                                </div>

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content my-popup">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Delete</h4>
            </div>
            <div class="modal-body">  Are You Sure to Delete? </div>
            <div class="modal-footer">
                <a type="button" class="btn btn-success" id="delete_no" href="">Yes</a>  <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>

</div>

  <script>
    function changeDeleteId(x) {

        var str = "${pageContext.request.contextPath}/subject/delete/" + x;
        $("#delete_no").attr("href",str);
    }
</script>

Bootstrap Modal不执行所需的操作

0 个答案: