任务目标:使用AJAX的更新面板查看更新的值
重点:理解UpdatePanel更新面板的跟新模式
难点:理解更新面板的Triggers属性
步骤如下:
一、更新面板控件UpdatePanel基本知识
1、UpdatePanel:更新面板,将需要局部更新的控件放在这个面板,需要脚本管理器控件的支持。
2、常用属性:
updtaeMode更新模式属性--永久型,无条件的更新,--always---默认。
--有条件的:当triggers、childrenasTriggers,调用更新方法--属性值设置为conditional。
Triggers属性:获取更新触发器集合对象,包括作为更新面板的异步更新触发器和服务器回发触发器。
3、常用方法
更新方法---update,更新面板控件的内容
二、新建网页
1、在页面中添加一个ScriptManager控件
2、添加一个UpdatePanel更新面板控件,设置该控件的更新模式UpdateMode属性值为Contional,在更新面板中添加一个文本框、一个按钮和一个标签控件,代码如下:
3、添加一个UpdatePanel更新面板控件,在更新面板中添加一个按钮和一个标签控件,代码如下:
4、添加一个层,层里添加标准工具箱中的按钮button1和一个标签lable1.
5、整体页面布局如下:
三、编写按钮点击事件,代码如下:
四、运行页面,总结分析:
1、什么情况下更新模式为条件更新的更新面板中的控件值可被修改;
2、什么情况下更新模式为always的更新面板中的控件可被修改。
3、层中的标签值什么时候可被修改。
五、断点第三步中编写的各语句,监视标签值的变化,分析原因
上一篇:
11-2使用web服务和AJAX的脚本管理器检测用户
下一篇:
11-4AJAX的计时器应用