ASP.Net AJAX 模式弹出窗口

Question

首先我将描述 Web 表单布局：

该表单包含一个带有“详细信息”按钮的 GridView1，该按钮可打开第二个 GridView2，其目的当然是显示从父 GridView1 中选择的项目的详细信息。所有控件都在服务器端代码隐藏中动态呈现。

挑战：

我需要创建一个模式弹出窗口，当用户单击子 GridView2 中作为 TemplateField 中的图像控件的图标时，就会显示该窗口。这样用户就可以向子 GridView2 中的详细信息添加注释。

我的方法：

我试图在 PreRender 阶段将 AJAXToolKit 的模态弹出扩展器（ID =“mpe”）连接到 TemplateField 中的图标。由于 TargetControlID 不能为 null 或空，所以我要做的是创建一个虚拟 Button 控件，并将模式弹出扩展程序的 TargetControlID 属性设置为调用的虚拟按钮的 ID，然后在将 TemplateField 添加到 GridView2 后，将 TargetControlID 属性设置为图标的 ID，即“icon_addComment”。

问题：

当我尝试将 TargetControlID 属性设置为图标的 ID 时，代码会抛出错误“‘mpe’的 TargetControlID 无效。ID 为‘icon_addComment’的控件可以找不到。”。我对如何使其正常工作感到困惑，似乎无法绕过必须在模态弹出扩展程序之前创建目标控件的条件。我想要的只是让子 GridView2 图标的 ID 成为模式弹出扩展程序的 TargetControlID

Answer 1

使用虚拟隐藏按钮作为模态弹出窗口扩展器的目标控件 ID，然后使用 java 脚本在实际图标单击时显示/隐藏模态弹出窗口。例如，

<asp:ModalPopupExtender runat="server" ID="MyPopup" ... />

<script type="text/javascript" />

function showPopup() {
  $find('<%= MyPopup.ClientID ').show();
}

function hidePopup() {
  $find('<%= MyPopup.ClientID ').hide();
}

</script>

就我个人而言，我不喜欢ajax控制工具包。对于这个要求，我会使用 jquery UI Dialog。