更改 jQuery UI Dialog 的 html 代码位置答案

【问题标题】：Change the position of html code of jQuery UI Dialog更改 jQuery UI Dialog 的 html 代码位置
【发布时间】：2015-05-26 01:53:33
【问题描述】：

我使用jquery-ui-1.11.4对话框显示一个表单，但是popup的html默认放在<body>中的所有其他元素之后，所以这段代码不在<form> 父视图使用的元素。这就是为什么输入值不会发布到 MVC3 中的控制器的原因。我想将 html 代码移动到 <form> 元素中。我该怎么做？

【问题讨论】：

显示你的源代码，不看你做了什么，不是很清楚你想要什么！
具体来说，您是如何创建 jQuery UI 对话框的？如果您在创建时使用特定元素，则可以选择<form> 元素，然后您的提交将根据需要工作...

标签： jquery html asp.net-mvc-3 jquery-ui jquery-ui-dialog

【解决方案1】：

最好的方法是渲染一个加载到弹出窗口中的视图。

例如

 $(function () {
    $('#dialog').dialog({
        title: 'the title',
        modal: true,
        open: function(event, ui) {
            //Load a partial view
            $(this).load("@Url.Action("PartialViewForm")");
        }
    });
 });

因此，部分视图需要呈现您的表单。

【讨论】：