如何从图像按钮弹出模态弹出扩展器？答案

【问题标题】：How to popup Modal Popup extender from Image button?如何从图像按钮弹出模态弹出扩展器？
【发布时间】：2015-05-15 06:01:09
【问题描述】：

我正在开发图像查看器。如果用户单击图像，则它将显示在模态中。但它给了我一个错误，即 targetcontrolID 无效。

知道怎么做吗？

代码如下

 <form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>
  <asp:ImageButton ID="imgItem" runat="server" imgURL="Image1.jpg" />

  <asp:modalpopupextender id="ModalPopupExtender1" runat="server" 
  targetcontrolid="imgItem" popupcontrolid="Panel1">
  </asp:modalpopupextender>



 <asp:panel id="Panel1" style="display: none" runat="server">
 <p>Image will be displayed here</p>
 </asp:panel>
</form>

【问题讨论】：

我们需要查看一些代码。
你现在可以看到代码了。

标签： asp.net .net ajaxcontroltoolkit modalpopupextender

【解决方案1】：

我已经测试了您的代码并且它工作正常，这意味着它在图像点击时向我显示模态弹出窗口。我能看到的唯一问题是 Imagebutton 中的无效标签，即 imgURL。请更正 imagebutton 标签并重新测试：

 <asp:ImageButton ID="imgItem" runat="server" ImageUrl="~/Thumbs/image1.png" />

【讨论】：

【解决方案2】：

请将 imgURL 替换为 ImageUrl。还要在面板内添加图像控件。并添加一些CSS。

【讨论】：

做了，但没有弹出。
试试这个代码
还有这个 css -
还是同样的错误，targetcontrolID="imgItem" 无效。
这个页面是子页面，是母版页的一部分。可能是由于这个原因而发生此错误。

【解决方案3】：

您可以使用图像按钮的 onclick 事件，并且在 onclick 事件后面的代码中您可以调用 modalpopup，如 modalpopup1.show();

【讨论】：