将 ASP.net 控件添加到 JQuery 对话框无法正确呈现

Question

您好，我见过很多与此类似的问题，但所有问题都已通过将对话框添加回页面的主窗体中来解决。这不能解决以下问题：

在我的 Aspx 文件中，我定义了一段代码，如下所示：

    <asp:UpdatePanel runat="server" ID="RadAjaxPanel2" UpdateMode="always">
        <ContentTemplate>
            <div id="areaFilterDialog" runat="server">
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

并且我有以下 javascript / jquery 来初始化对话框

 $("#areaFilterDialog").dialog({
                    bgiframe: true,
                    autoOpen: false,
                    resizable: false,
                    modal: true,
                    draggable: true,
                    closeOnEscape: true,
                    width: 630,
                    open: function (type, data) {
                        dialogOpen = true;
                        $(this).parent().appendTo("form");
                    }
                });
        });

，该对话框将对话框的元素附加到父级的表单中页。

在 .cs 文件中，我将内容添加到元素中，如下所示：

var departmentCode = e.DepartmentCode;
var summaryType = e.SummaryType;
var summaryCode = e.SummaryCode;
var totalName = e.TotalName;
var view = this.TemplateControl.LoadControl(".\\WebControls\\FilteredAreaRadGrid.ascx") as FilteredAreaRadGrid;

using (var businessManager = new BusinessManager(new DALConnection(this.DalConnectionString)))
{
       view.DataSource = businessManager.GetData(departmentCode, summaryType, summaryCode, string.Empty);
       this.AreaFilterDialog.Controls.Add(view);
}

并通过使用 ScriptManager 注册以下启动脚本来显示 JQuery UI 对话框：

 var script = string.Format("ShowAttendanceFilterPopup('{0}');", totalName);
 ScriptManager.RegisterStartupScript(
      this.Page,
      this.Page.GetType(),
      "tmp",
      string.Format("<script type='text/javascript'>{0}</script>", script),
      false);

它调用以下 javascript/jquery：

function ShowAttendanceFilterPopup(summaryName) {
    $("#areaFilterDialog").data('title.dialog', summaryName);
    $('#areaFilterDialog').dialog("open");
    $('#areaFilterDialog').dialog("enable");
}

问题是 html 应该具有附加到对话框实际上只是附加到页面顶部，并且根本不显示对话框。如果我在显示之前不将控件添加到对话框中，则对话框将正确显示。

我已经尝试过使用当前添加的内容，即包含 Telerik RadGrid 的 UserControl，但也包含标准的 asp 按钮，并且两者具有相同的行为。

有人对我做错了什么或者更好的事情有任何想法，解决这个问题吗？

非常感谢，

罗布

Answer 1

也许尝试一下：

<div id="areaFilterDialog">
    <asp:UpdatePanel runat="server" ID="RadAjaxPanel2" UpdateMode="always">
        <ContentTemplate></ContentTemplate>
    </asp:UpdatePanel>
</div>

我没有使用过 Telerik Ajax 面板，但我猜想是这样的：

using (var businessManager = new BusinessManager(new DALConnection(this.DalConnectionString)))
{
       view.DataSource = businessManager.GetData(departmentCode, summaryType, summaryCode, string.Empty);
       RadAjaxPanel2.Controls.Add(view);
}

将 div 放在 AjaxPanel ContentTemplate 中并向其中添加视图控件对我来说似乎并不正确。