当前位置:首页 > 轻松掌握Ajax.net系列教程六:使用PopupControlExtender

轻松掌握Ajax.net系列教程六:使用PopupControlExtender

点击次数:1217  更新日期:2010-12-29
\n

PopupControlExtender是一个可以控制Popup载体的组件,它本身并不会产生Popup控件,它的作用是控制Popup载体,例如panel,div等的显示、消失并获得Popup载体中控件的返回值,返回到目标控件中去。下面我们一齐来学习一下PopupControlExtender的使用方法。


\n

第一步:建立AJAX Control Toolkit Web Site


\n

要使用PopupControlExtender我们要使用AJAX Control Toolkit Web Site模板。建立好网站后我们需要以下控件:一个UpdatePanel、一个Panel控件、一个TextBox控件、一个RadioButtonList控件和一个PopupControlExtender组件,如下图所示:


\n


\n

注意:UpdatePannel一定要放在Panel里面,否则运行一次之后会发生JS异常。另外一定要将RadioButtonList的AutoPostBack属性设为True,否则就没有响应了。如下所示:


\n
<asp:Panel ID=”Panel1″ CssClass=”popupbox” runat=”server” Height=”50px” Width=”125px”>

\n