隐藏ModalPopupExtender而不使用按钮 [英] hide ModalPopupExtender without button

查看:73
本文介绍了隐藏ModalPopupExtender而不使用按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

亲爱的,



我在ASP.NET中尝试使用Ajax ModalPopupExtender,但我希望通过鼠标点击外部来关闭它(或隐藏)页面正文,如Facebook照片显示..

注意:现在我只能通过取消按钮关闭ModalPopupExtenderby ..



我希望你的帮助...





这是我的尝试:





Hi my dears ,

I have try with Ajax ModalPopupExtender in ASP.NET , but I want close it (or hidden) by mouse click on outside it in body of page , such as Facebook photos show ..
note : now I can close ModalPopupExtenderby only by cancel button ..

I hope your help ...


This my try :


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link href="Styles/panal.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<br />
<asp:LinkButton ID="LinkButton1" runat="server">Please click</asp:LinkButton><br />
<br />
<div>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" Width="233px" >
<p> السلام عليكم </p>
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="OK" PostBackUrl="~/Home.aspx" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" PostBackUrl="~/Default.aspx" />
</div>
</asp:Panel>
<br />

<cc1:ModalPopupExtender ID="ModalPopupExtender1"  runat="server" 

        TargetControlID="LinkButton1" PopupControlID="Panel1" 

BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="OkButton" CancelControlID="CancelButton" />

</div>
</form>
</body> 

</html>

推荐答案

请帮助meee .......................
please help meee .......................


这是答案 [ ^ ]

下一次pl轻松不要发表评论作为回复。
Here is the answer[^]
Next time please don't post your comments as a reply.


你好klm_klm,





请通过链接



1.

< a href =" http://stackoverflow.com/questions/11028703/how-到密AJAX模态-弹出-与单击-外面"> HTTP://stackoverflow.com/questions/11028703/how-to-close-ajax-modal-popup-with-clicking-outside< / A> ; [< a href =" http://stackoverflow.com/questions/11028703/how-to-close-ajax-modal-popup-with-clicking-outside"目标= QUOT; _blank" title =" New Window"> ^< / a>]





2.

< a href =" http://www.webcodeexpert.com/2014/04/example-to-close-ajax.html#.U56L8ijLM70"> http://www.webcodeexpert.com/2014/04/ example-to-close-ajax.html#.U56L8ijLM70< / a> [< a href =" http://www.webcodeexpert.com/2014/04/example-to-close-ajax.html#.U56L8ijLM70" ;目标= QUOT; _blank" title =" New Window"> ^< / a>]





如果您有任何进一步的疑问,请告诉我。



请点击上面的链接。



如果是你的答案,请标记为解决方案。< br $>


狩猎解决方案好运。



谢谢。



问候,



Manoj Kalla
Hello klm_klm,


Please go through link

1.
<a href="http://stackoverflow.com/questions/11028703/how-to-close-ajax-modal-popup-with-clicking-outside">http://stackoverflow.com/questions/11028703/how-to-close-ajax-modal-popup-with-clicking-outside</a>[<a href="http://stackoverflow.com/questions/11028703/how-to-close-ajax-modal-popup-with-clicking-outside" target="_blank" title="New Window">^</a>]


2.
<a href="http://www.webcodeexpert.com/2014/04/example-to-close-ajax.html#.U56L8ijLM70">http://www.webcodeexpert.com/2014/04/example-to-close-ajax.html#.U56L8ijLM70</a>[<a href="http://www.webcodeexpert.com/2014/04/example-to-close-ajax.html#.U56L8ijLM70" target="_blank" title="New Window">^</a>]


Let me know if you have any further query.

Please, go through above link.

If its your answer, please mark as solution.

Best of luck for hunting solutions.

Thank you.

Regards,

Manoj Kalla


这篇关于隐藏ModalPopupExtender而不使用按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆