在jquery对话框中的FileUpload,hasfile为false

Question

我的页面上有一个jquery UI对话框.它只包含一个asp FileUpload控件:

<asp:FileUpload runat="server" ID="fuAttachment" />

对话框有1个按钮"OK".那些按钮只是关闭对话框

$("#attachment-dialog").dialog({
            height: 300,
            width: 400,
            modal: true,
            resizable: false,
            autoOpen: false,
            buttons: {
                "OK": function () {
                    $(this).dialog("close");
                }
            }
  });

按下我页面上的保存按钮.这是一个asp.net按钮,调用SaveAttachement方法.

问题是fuAttachment.HasFile(fileupload控件)一直返回false.如果我将fileupload控件移到jQuery UI对话框之外.HasFile = true.

但控件应该在对话框内.特定页面内没有更新面板.

Answer 1

问题正在发生,因为对话框在表单之外.

jQuery UI Dialog有一个appendTo参数,可以确保对话框是表单的一部分.

$("#attachment-dialog").dialog({
            appendTo: "form",
            height: 300,
            width: 400,
            modal: true,
            resizable: false,
            autoOpen: false,
            buttons: {
                "OK": function () {
                    $(this).dialog("close");
                }
            }
  });