关闭模态弹出窗口

Question

当单击超链接时，会弹出一个模态框..现在我想在模态框中添加一个按钮来关闭它...但是我不确定该怎么做，我尝试了这个代码：

<ajaxToolKit:ModalPopupExtender ID="mPopup" runat="server" TargetControlID="HyperLink"
    PopupControlID="pnlItem" BackgroundCssClass="modalBackground" />
<asp:Panel runat="server" ID="pnlItem" Style="display: none;" CssClass="PopupStyle" Width="400">
    <div>
        <ucc:High ID="High" runat="server" />
        <asp:Button ID="btnClose" runat="server" Text="CLOSE" 
            OnClientClick="javascript:document.getElementById('btnClose').click();return false;" />
    </div>
</asp:Panel>

但是它没有起作用… 它抛出了JavaScript脚本问题。 非常感谢您的任何帮助。

- user710502

---

你不能把关闭按钮设置为弹出模态窗口上的属性吗？ - Tim

不确定为什么你被踩了...这是一个有效的问题。 - Chase Florell

抱歉，我是新手..你能解释一下吗？我可以创建一个属性，然后需要做什么？ - user710502

Answer 1

有一个叫做CancelControlID的属性。更多解释请参考http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

- Ravindra Gullapalli

Answer 2

<ajaxToolKit:ModalPopupExtender ID="mPopUp" CancelControlID="btnClose" runat="server" TargetControlID="HyperLink2"
                           PopupControlID="pnlItem" BackgroundCssClass="modalBackground" />
                           <asp:Panel runat="server" ID="pnlItem" Style="display: none;" CssClass="PopupStyle"
                            Width="400">
                         <div>
                               <ucc:High ID="High" runat="server" />
                               <asp:Button ID="btnClose" runat="server" Text="Close" OnClientClick="javascript:document.getElementById('btnClose').click();return false;" />
                         </div>
                         </asp:Panel>

- OnResolve