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

时间:2015-05-26 01:53:33

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

我使用 jquery-ui-1.11.4 对话框来显示表单,但默认情况下,弹出窗口的html放在<body>中的所有其他元素之后,所以此代码不是在父视图使用的<form>元素中。这就是为什么输入值不会发布到MVC3中的控制器的原因。我想将html代码移动到<form>元素中。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

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

E.g。

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

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