《ASP NET开发与应用实践》课件第10章.ppt

**************************************6、UpdatePanel的触发器在绑定模板外的控件*如果按键“Button1”在模板外，但当UpdateMode=Conditional，且PostBackTriggerControlID=Button1，则“Button1”对该模板具有局部刷新功能。?7、案例：模板外的按钮实现局部刷新功能*（1）建立如下图如示网页（2）在页面添加多个控件如图10-10所示。第3步，在UpdatePanel控件模板内，添加Label1标签控件第1步，在页面添加ScriptManager管理器控件第2步，在页面添加UpdatePanel控件?第4步在模板外添加Button1控件?7、案例：模板外的按钮实现局部刷新功能*（3）页面的HTML代码如下所示formid=form1runat=serverdivstyle=height:194px;width:531px;background-color:#FFFFFF;asp:ScriptManagerID=ScriptManager1runat=server/asp:ScriptManagerasp:UpdatePanelID=UpdatePanel3runat=serverContentTemplateasp:LabelID=Label1runat=serverText=Label/asp:Label/ContentTemplate/asp:UpdatePanelasp:ButtonID=Button1runat=serverText=Buttononclick=Button1_Click//div/form上述代码表示，按钮“Button1”没有局部刷新功能。7、案例：模板外的按钮实现局部刷新功能*?（4）运行页面的代码，结果如图10-11所示。从运行结果看，页面没有局部刷新功能。?从这个显示观察，页面没有局部刷新功能7、案例：模板外的按钮实现局部刷新功能*（5）选中UpdatePanel控件，击右键选择属性，在下面的属性中进行两项配置，如图10-12所示。7、案例：模板外的按钮实现局部刷新功能*1第1步，设置UpdateMode=Conditional第2步，设置Control1D=Button1l7、案例：模板外的按钮实现局部刷新功能*（6）进行了相应设置后，代码如下所示。7、案例：模板外的按钮实现局部刷新功能*formid=form1runat=serverdivstyle=height:194px;width:531px;background-color:#FFFFFF;asp:ScriptManagerID=ScriptManager1runat=server/asp:ScriptManagerasp:UpdatePanelID=UpdatePanel3runat=serverUpdateMode=ConditionalContentTemplateasp:LabelID=Label1runat=serverText=Label/asp:Label/ContentTemplateTriggersasp:AsyncPostBackTriggerControlID=Button1//Triggers/asp:UpdatePanelasp:ButtonID=Button1runat=serverText=Buttononclick=Button1_Click//div/form7、案例：模板外的按钮实现局部刷新功能*（7）页面运行后，模板运行效果如图10-13所示，模板外的按钮Button1具有了局部刷新功能。7、案例：模板外的按钮实