bootstrap 带有确定取消按钮的modal

最新推荐文章于 2024-12-13 10:57:56 发布

转载最新推荐文章于 2024-12-13 10:57:56 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/taoshengyujiu/p/5077658.html

文章标签：

#ui #javascript #ViewUI

本文介绍了一个基于kendoGrid的文书审核功能实现方式。点击审核按钮后，系统将提示用户确认是否审核通过选定的文书记录。确认后，系统将跳转到指定的审核处理页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

</div><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();
                }
            });

转载于:https://www.cnblogs.com/taoshengyujiu/p/5077658.html