Question

我有一个可以向公司添加多个联系人的应用程序。通过bootstrap弹出模式添加联系人。我的客户想要一个“保存并新建”按钮，以便在保存当前联系人后再次自动显示弹出窗口。有谁知道如何做到这一点。我用谷歌搜索但找不到任何东西。

Answer 1

可能有几种方法可以解决这个问题。了解“保存”表单现在的作用可能会有所帮助。它是否实际提交，因此回发到页面然后将联系人数据保存到数据库？或者，你有一个ajax帖子绑在保存数据然后关闭模式的按钮上吗？

我将假设如果用户点击“保存并新建”按钮，它将发布一个帖子。因此，您的功能将如下所示：

$("#saveAndNew").on("click", function() {

    $.post("saveContact.php",
        {
            firstName: $("#contactFirstName").val(),
            lastName: $("#contactLasttName").val(),
            phoneNumber: $("#contactPhone").val()
        },
        function (data, status) {

            if (status == "success") {
                // if the post saves the data without a problem
                $("#contactModal").modal("hide");
                $("#contactForm")[0].reset();
                $("#contactModal").modal("show");
                $("#contactMessage").html("Contact saved!  Ready for a new contact.");

            } else {
              // tell the user there was a problem with their search
              $("#contactMessage").html("Unable to save contact to database.");
            }
     });

});

希望这有帮助。

Bootstrap Multiple Modals

1 个答案: