如何使用 GridView 中的控件在 ModalPopupExtender 中设置 TargetContrlID

Question

如何将 TragetContriID 设置为 GridView 内的 HyperLink？

我尝试了这个：

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                        PopupControlID="Panel1" 
                        CancelControlID="btnCancel" 
                        OnCancelScript="HideModalPopup()"
                        TargetControlID="GridView1$HyperLink1">
</asp:ModalPopupExtender>

但我有一个错误：没有 GridView1$HyperLink1

Answer 1

设置 ModalPopupExtender 的 TargetControlID 基本上会在单击控件时触发该 ModalPopup 的客户端 Show 函数。因此，您需要自己连接控制装置。

首先，由于 ModalPopupExtender 需要 TargetControlID，因此您应该添加一个虚拟控件来将模态弹出窗口链接到：

<asp:Button runat="server" 
            ID="HiddenTargetControlForModalPopup" 
            style="display:none"/> 

并链接 ModalPopupExtender TargetControlID 到它

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                        PopupControlID="Panel1" 
                        CancelControlID="btnCancel" 
                        OnCancelScript="HideModalPopup()"  
                        TargetControlID="HiddenTargetControlForModalPopup">
</asp:ModalPopupExtender>

所以 ModalPopupExtender 现在有一个不执行任何操作的目标。现在我们需要完成目标的工作。您需要一个 javascript 函数来从客户端显示 ModalPopup。

<script type="text/javascript">
     var ModalPopup='<%= ModalPopupExtender1.ClientID %>';

     function ShowModalPopup() {
         //  show the Popup     
         $find(ModalPopup).show();
     }
</script>   

然后，您应该将 gridview 中控件的 OnClientClick 事件映射到此 JavaScript 函数。从您的代码中，我看到您使用 asp:HyperLink，我认为它不支持 OnClientClick 事件，因此您可能需要将其切换为 asp:LinkBut​​ton.

<asp:LinkButton ID="LinkButton1" runat="server" 
                OnClientClick="ShowModalPopup()" />