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

Question

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

我试过了：

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

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

Answer 1

设置ModalPopupExtender 的TargetControlID 基本上会在单击控件时触发该ModalPopup 的客户端显示功能。所以你需要自己连接控件。

首先，由于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:LinkButton。

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