如何通過用JavaScript編寫的確認對話框將模型傳遞給控制器

Question

我有一個具有以下模型的HTML頁面：

@model ViewModel.Ekranlar.ModelVM

我在html頁面中調用用JavaScript編寫的“確認對話框”，如下所示：

<script type="text/javascript">
    $(document).ready(function () {
        $(".confirmDialog").on("click", function (e) {
            // e.preventDefault(); use this or return false
            var url = $(this).attr('href');
            $("#dialog-confirm").dialog({
                autoOpen: false,
                resizable: false,
                height: 170,
                width: 350,
                show: { effect: 'drop', direction: "up" },
                modal: true,
                draggable: true,
                buttons: {
                    "OK": function () {
                        $(this).dialog("close");
                        window.location = url;
                    }, "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $("#dialog-confirm").dialog('open');
            return false;
        });
    }); </script>

控制器如下所示：

public ActionResult DUDBaskaniBuro2GidenIptal(ModelVM model)

如何將ModelVM模型傳遞給控制器​​中的Action？

感謝您的幫助。

Answer 1

盡管不確定是否使用jquery模式或自定義模式，但是：

1）如果要進行全頁回發，可以將“確定”按鈕設為“提交”按鈕類型，以便在單擊時將其回發到form標記中提到的url。

<input type="submit" value="OK" .../>

2）如果要進行部分回發，則可以使用以下方法：

"OK": function () {
        $.post('@Url.Action("ActionMethod","ControllerName")', 
                <captured values via jquery/javascript as json>, //E.g. {"Id":1,"Name":"My Name"}
                function(data){ 
                         //Code you want to do here
                          $(this).dialog("close");   //Just an example
                          window.location = data.url; //Just an example
                 });

}