实训实践
您当前位置: 实训实践> 项目教学上机实训> 11-3使用AJAX的更新面板

11-3使用AJAX的更新面板

发布时间:2017-04-10 15:11 浏览次数:6681    
字体大小 默认
  • 默认
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
  • 21pt
  • 22pt
  • 23pt
  • 24pt
  • 25pt
字体颜色

默认

  • 默认
背景颜色

默认

  • 默认

任务目标:使用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、层中的标签值什么时候可被修改。

 

五、断点第三步中编写的各语句,监视标签值的变化,分析原因

 

 

操作成功!此窗口3秒钟后自动关闭!
立即关闭