Jquery对话框在mvc中清空模型属性

Question

我在mvc应用程序中使用jquery弹出/对话框，但是在我打开对话框之后，如果我发出post请求，我的模型中的所有数据都是空的。

我像这样打开对话框

$(".mybutton").bind("click", function (event) {
  var dialogOpts = {
            modal: true, autoOpen: false, width: 400, height: 200, hide: { effect: "puff", duration: 200 }
        };
        $("#popupdiv").dialog(dialogOpts);
        $("#popupdiv").dialog("open");
        $(".ui-dialog-titlebar").hide();
    });

当调用dialog(dialogOpts)时，

将我的数据指定为空。即使我在不调用dialog("open")的情况下调用它，我的模型中的数据也是空的，尽管对话框从未打开过。

弹出式div是一个简单的div，里面有一些HTML元素

Answer 1

尝试使用jquery, css和js

            $("#dialog-form").dialog({
                autoOpen: false,
                height: 300,
                width: 350,
                modal: true,
                buttons: {
                    "Submit Date": function () {
                        // ajax passing
                        $(this).dialog("close");                            
                    },
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                },
                close: function () {
                    $(this).dialog("close");
                }
            });

Answer 2

试试这个

   <script>
        $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                modal: true,
                width: 339,
                overlay: {
                    backgroundColor: 'red',
                    opacity: 0.5
                },
                show: {
                    effect: "blind",
                    duration: 500
                },
                hide: {
                    effect: "explode",
                    duration: 700
                }
            });
        });
        function OpenDialog()
        {
            $('#dialog').dialog("open");
        }
    </script>
    <div id="open" onclick="OpenDialog();">Click To Open</div>  
        <div id="dialog">   
        @using (Ajax.BeginForm("Action", "Controller",new AjaxOptions { HttpMethod = "POST" }))
        {
            // Popup content
        }
        </div>