在 jquery 模式对话框中渲染时，输入类型=文本的表单不起作用

Question

我正在使用此网址中的弹出表单： http://nickstips.wordpress.com/2011/08/11/asp-net-mvc-ajax-dialog-form-using-jquery-ui/。它使用 load 函数在 div 内加载 jquery 对话框。

我有一个包含多个文本字段和 1 个上传文件字段的表单。该表单工作正常，并且我已成功将此表单发布到操作并恢复 HttpPostedFile 对象。

但是，当我使用加载函数在 jquery 对话框中加载相同的表单并将相同的表单发布到之前有效的相同操作时，它失败了。我不知道为什么，但 HttpPostedFile 对象始终为空。

实际代码： 使用上面指定的 DialogForm.js，我调用了辅助函数：

@Html.DialogFormButton("Add", Url.Action("Add", "X", new { id = y }), "", "targetId", Url.Action("List", "X", new { id = y }))

此代码应该在模式弹出窗口中加载视图：

$('.dialogLink').live('click', function () {
        var element = $(this);
...
$(dialogDiv).load(this.href, function () {
            $(this).dialog({
                modal: true,
                resizable: false,
                title: dialogTitle,
                buttons: {
                    "Save": function () {
                        // Manually submit the form
                        var form = $('form', this);
                        $(form).submit();
                    },
...

实际上，我调用一个视图，该视图加载一个编辑器模板。

  @using (Ajax.BeginForm("Test", "X", new { }, new AjaxOptions { }, new { enctype = "multipart/form-data" }))
        {
            @Html.EditorFor(m => Model, "editorView")
        }

编辑器视图包含多个文本框和输入类型文件元素：

 <tr>
        <td class="label">
            @Html.LabelFor(m => m.PathToAttachment)
        </td>
        <td>
            <div class="field_container">
                @Html.TextBoxFor(m => m.FileUpload, new { type = "file" })
            </div>
        </td>
    </tr>

所有元素都是模型类的成员。这是Post Add 方法的参数：

[HttpPost]
public ActionResult AddAttachment(AttachmentModel model) { 
  if (model.FileUpload.ContentLength > 0) { }
}

问题：model.FileUpload 始终为null，但其余表单元素具有值。请注意，只有当我使用 DialogForm.js 加载表单时才会发生这种情况。否则，当我在简单页面（不是弹出窗口）中加载表单时，我可以成功获取 FileUpload 值。

解决了，我发现无法提交带有文件的ajax表单，所以我别无选择，只能使用这个库：

http://code.google.com/p/ajax-file-upload-struts2/source/browse/trunk/src/main/resources/template/com/davidjc/javascript/ajaxfileupload.js？ r=4

它创建一个带有表单元素的不可见 iframe 并自动发布到服务器。

谢谢
czetsuya

Answer 1

确保模态窗口中的

标记已正确设置 enctype="multipart/form-data"。