Question

我正在使用带有编辑和放大器的Bootstrap类在表中显示数据。删除按钮。在删除记录之前，我正在使用默认的javascript确认框 -

呈现 - 是否删除确认模式框

onclick="return confirm('Are you sure you want to delete this Record ?')".

此工作正常并删除正确的记录＆amp;代码如下：

<form method="POST" action="${pageContext.request.contextPath}/orgController">
<td align="center"><button type="submit" name="delete" value=<c:out value="${orgList.orgId}"/> class="btn btn-warning btn-xs" onclick="return confirm('Are you sure you want to delete this Record ?')">Remove</button></td>
</form>

我正在使用Java / JSP / Servlet来显示和处理请求。

我正在寻找的是使用Bootstrap Modal类的某种确切替代品。

我已经在互联网上查找并发现这段代码应该完全符合我的要求，使用html head部分中的以下javascript代码来获取数据确认工作 -

<script>

    $(document).ready(function() {
        $('a[data-confirm]').click(function(ev) {
            var href = $(this).attr('href');
            if (!$('#dataConfirmModal').length) {
                $('body').append('<div id="dataConfirmModal" class="modal" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="dataConfirmLabel">Please Confirm</h3></div><div class="modal-body"></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button><a class="btn btn-primary" id="dataConfirmOK">OK</a></div></div>');
            } 
            $('#dataConfirmModal').find('.modal-body').text($(this).attr('data-confirm'));
            $('#dataConfirmOK').attr('href', href);
            $('#dataConfirmModal').modal({show:true});
            return false;
        });
    });

</script>

并尝试在<td>

内以这种方式调用数据确认

<form method="POST" action="${pageContext.request.contextPath}/organisationController">
<td align="center"><button type="submit" name="delete" value=<c:out value="${orgList.organisationId}"/> class="btn btn-warning btn-xs" data-confirm="Are you sure you want to delete this Record ? ">Remove</button></td>
</form>

然而，这不是弹出模态窗口，但是它正在删除右表格行。

任何线索，指导或帮助都将深受赞赏。

bootstrap替代onclick =“返回确认（'您确定要删除此记录吗？'）”

0 个答案: