我有一个bootstrap模式,其中包含属性contenteditable = true
的表(表是用js动态创建的)。我想设置一个简洁的功能 - 如果用户按下取消,那么表格中的更改将被取消。我知道我可以通过为不同的状态编写函数然后在取消的情况下调出先前的状态来做到这一点。我只是觉得有更快更快的方法吗?
我做了一些搜索,发现一个link有类似的问题,但方法和结果与我的有点不同,这意味着它对我不起作用。
这是我的代码 - 它的一部分是爱沙尼亚语,我不认为一般代码对于这个问题是必要的,但我仍然会提供:
<div class="modal fade" id="ajamasinModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-cog" style="font-size:20px"></i> Ajamasin</h4>
</div>
<div class="modal-body">
<div id="changeablevoor"></div>
<button type="button" class="btn btn-primary" onClick="muudaClick()">Change</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" data-dismiss="modal">Save</button>
</div>
</div>
</div>
</div>
答案 0 :(得分:1)
尝试以下方法(查看评论内联):
<强> HTML 强>
<div class="modal fade" id="ajamasinModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
//...
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" data-dismiss="modal">Save</button>
</div>
</div>
</div>
</div>
<强> JS 强>
// Add hidden event of the modal
$('#ajamasinModal').on('hidden.bs.modal', function (e) {
cancelModal(); // Call the function to cancel the modal after hiding of the modal
})
// Cancel the modal
function cancelModal() {
// Re-generate content with default values
}
有关这些Bootstrap Modal事件的更多信息,请参阅Bootsrap文档:Bootstrap Modal Events