UpdatePanel控制简介
UpdatePanel控件用于局部更新网页上的内容,
网页上要局部更新的内容放在UpdatePanel控件的内容模板中,
其强大之处在于不用编写任何客户端脚本,但它必须要和ScriptManager控件一同使用
UpdatePanel的常用属性和子元素
说明
UpdateMode
<ContentTemplate> 子元素 放置更新面板的内容模板,可以在其中添加任何控件
<Triggers> 子元素 更新面板的触发器,只要满足触发条件才更新<ContenTempate>元素的内容
ChildrenAsTriggers 属性,布尔值 指示来自UpdatePanel的子控件的回发是否更新面板内容。如果ChildrenAsTriggers的值为False 则UpdateMode 必须设置为Conditional
UpdatePanel控件的使用
把要局部刷新的内容放在 UpdatePanel 控件内
AsyncPostBackTrigge用来指定某个服务器端控件以及其将触发的服务器端事件作为该UpdatePanel的异步更新触发器,
它需要设置的属性有控件ID和服务端控件的事件;
PostBackTrigger用来指定在UpdatePanel中的某个服务端控件,它所引发的回送不使用异步回送,而仍然是传统的整页回送。
写个例子:
updatepanel 中有个button 如果给它设置成PostBackTrigger .点button页面刷新
updatepanel 外有个 button 如果给它设置成AsyncPostBackTrigger 点button页面不刷新
<form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <div> 帐号<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <div> 密码<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text=""></asp:Label> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> </Triggers> </asp:UpdatePanel> <div> <asp:Button ID="Button1" runat="server" Text="登录" /></div> <asp:Button ID="Button2" runat="server" Text="Button" /> </form>