文件上载在jQuery UI对话框中不起作用

你说得对。对话框将其内容移到其窗体之外,并将其附加到正文中。可能是为了更好地控制DOM,确保它始终显示在中心,高于其他所有内容,并且不包含在某些绝对定位的DIV中。。。

您需要将对话框移动到窗体内部。

var dialog = $("#dialog").dialog({
  autoOpen: false,
  height: 300,
  width: 350,
  modal: true,
  buttons: {
    "Upload": function() {
      __doPostBack('uploadfile', '');
      $( this ).dialog( "close" );
    },
    Cancel: function() {
      $(this).dialog("close");
    }
  }
});

dialog.parent().appendTo($("form:first"));

这里发生的是,块UI删除了其模式中按钮的所有单击功能。为了解决这个问题,我发现最好的解决方案是有一个隐藏的按钮,然后它将执行所需的处理。

以下是一个例子:

HTML

<asp:Button runat="server" ID="btn_Upload" OnClientClick="UploadFiles(); return false;" />
<asp:Button runat="server" ID="btn_UploadClick" OnClick="btn_UploadFiles_Click" style="display:none;" />

Javascript/Jquery

function UploadFiles()
{
    $.unblockUI({
        onUnblock: function() {
            $('[id$=btn_UploadClick]').click();
        }
     });
}