您的位置:首页 > Web前端 > BootStrap

bootstrap 带有确定取消按钮的modal

2015-12-26 10:25 513 查看
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="helpInfo" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="helpInfo">提示信息</h4>
</div>
<div class="modal-body">
<div id="confirmModal-content" class="text-danger">
</div>
</div>
<div class="modal-footer">
<button id="confirm" type="button" class="btn btn-primary " data-dismiss="modal">确定</button>
<button id="cancel" type="button" class="btn btn-primary " data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>

$("#checkBtn").click(function () {
var grid = $('#ChecksGrid').data('kendoGrid');
var row = grid.select();
if (row.length == 1) {
var data = grid.dataItem(row);
$("#confirmModal-content").html("确定审核通过?");
$("#confirmModal").modal({ backdrop: 'static', keyboard: false })
.one('click', '#confirm', function (e) {
var url = "@Url.Action("OfficeCheck", "MissionCheckFileCheck", new { id = "__id__", fileLocation = "__fileLocation__" })";
window.location = url.replace("__id__", data.Id).replace("__fileLocation__", data.FileLocation).replace(/amp;/g, "");
});
} else {
$("#modal-content").html("请选择未审的文书");
$("#noRowSelectModal").modal();
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: