宜宾职业技术学院陈骇伦实训09 Ajax技术的应用指导书.docx

UpdateMode

指明内容模板的更新模式：

Always每次Postback后更新,Conditon特定时更新

ChildrenAsTriggers

指明在UpdatePanel控件的子控件的回发中是否导致UpdatePanel控件的更新，默认值为true

EnableViewState

指明是否自动保存其往返过程

3.ContentTemplate标签

作用：

在异步页面回送过程中，将需要修改的控件包含在此标签中，就能够实现这些控件的页面无刷新的更新操作。

任务一计算机系统时间的更新

要求：

利用ScriptManager控件和ContentTemplate标签实现时间的更新；

步骤：

①新建网站

建一个ASP.NET空网站“UpdatePanel”，新建页面为default.aspx；

②添加控件

在页面中先添加一个Scriptmanager控件，再添加一个UpdatePanel控件，并在UpdatePanel中添加一个Label控件（lbTime）和一个Button控件（btTime）。

③后台代码

在按钮事件中添加代码：

this.lbTime.Text=DateTime.Now.ToString（）;

④测试：

按F5测试default.aspx，查看运行效果。

；

⑤控件移动

将Label控件（lbTime）和一个Button控件（btTime）剪切移动到UpdatePanel控件外进行测试；

⑥测试：

按F5测试default.aspx，查看运行效果。

4.Trigger标签

①作用

指定引发异步页面回送的各种触发器；

若按钮放在UpdatePanel控件的外，则必需使用标签；

②AsyncPostBackTrigger触发器控件

用来指定某个服务器控件，以及将其触发的服务器事件作为UpdatePanel异步更新的一种触发器；它包含ControlID和EventName两个属性，用于把按钮控件与触发器关联起来，进行异步回送。

ControlID属性：

用作异步页面回送的触发器的控件ID；

EventName属性：

是ControlID指定的控件的事件名，该事件要在客户端的异步请求中调用。

③PostBackTrigger触发器控件

用来指定在UpdatePanel中的某个控件，并指定其控件产生的事件将使用传统的回发方式进行回发。

当使用PostBackTrigger控件进行控件描述时，该控件产生了一个事件，此时页面并不会异步更新，只会使用传统的方法进行页面刷新

任务二　无刷新用户名验证

要求：

利用Ajax框架技术实现无刷新用户名验证；

步骤：

①网站的创建

建一个ASP.NET空网站“AjaxNoRefresh”，导入数据库文件AjaxDB.accdb，并新建页面UserCheck.aspx，进行页面布局，插入14行3列、宽420px的表格；

②添加控件及文字

在页面中添加相应的文字信息及控件，注意ID名称的调用；

在最后一行添加“错误信息显示控件”ValidationSummary，设置其属性ShowMessageBox为True，ShowSummary为False，显示的错误消息是由每个验证控件的ErrorMessage属性规定的。

③控件属性设置（第3列）

用户名、密码、确认密码设置验证必填控件RequireEieldValidator；

确认密码设置比较验证控件CompareValidator；

年龄文本框设置范围验证控件RangeValidator

手机号码设置手机的格式模式匹配RegularExpressionValidator，并设置ValidationExpression的正则表达式[1][3,5,8]\d{9}

Email设置符合格式的模式匹配控件RegularExpressionValidator，并设置ValidationExpression的正则表达式\w+（[-+.']\w+）*@\w+（[-.]\w+）*\.\w+（[-.]\w+）*"；

④添加Ajax的控件

在“用户名”文本框控件右边添加ScriptManager控件和UpdatePanel控件，并在UpdatePanel的标签中添加Label控件，注意修改相应的ID及ControlID的值；

⑤检测用户是否在存CheckUName（）

⑥添加TextChanged事件

添加用户名文本框的方法ontextchanged的事件名txtUName_TextChanged，其后台代码为：

⑦测试：

按F5测试default.aspx，查看运行效果。

（四）Timer控件

1.作用

可以使应用程序方便有效地对系统时间进行控制。

用于一定的时间间隔后触发某个事件，自动完成任务的一种特殊控件；

2．事件与属性

Tick事件：

当达到指定的时间间隔时被触发，用于设计要完成的任务；

Enabled：

是否启用了Tick事件引发；

Interval：

设置Tick事件之间的连续时间，单位为毫秒；

注：

要实现时钟的无刷新变化，还需要将该控件放置于有ScriptManage控件进行页面全局管理的页中，并使用UpdatePanel控件，实现时钟的局部更新。

任务三页面中时钟无刷新显示

要求：

利用Timer控件的属性和事件实现页面中时钟无刷新显示；

步骤：

①新建网站

建一个ASP.NET空网站“TimerDemo”，新建Web窗体，命名为default.aspx；

②添加控件

添加Ajax的管理控件ScriptManager及局部更新控件UpdatePanel，并在UpdatePanel中添加一个Label控件，以及Timer控件，设置其属性Interval为1000；

③后台时间更新代码

在Page_Load（）事件中添加加载页面显示系统时间代码；

或者在Timer控件的ontick事件编写代码：

④测试：

按F5测试default.aspx，查看运行效果。

（五）脚本管理代理控件（ScriptManageProxy控件）

在Web应用的开发过程中，常常通过母版页来为应用程序中的页创建一致布局。

母版页与内容页一同组合成一个新页面呈现在客户端浏览器中。

若在母版页中使用了ScriptManager控件，而在内容页中再使用ScriptManager控件，整合在一起的页面就会出现异常。

任务四　在母版页和内容页中均无刷新地显示系统时钟

要求：

利用ScriptManageProxy控件在母版页和内容页中均无刷新页面的显示系统时钟；

步骤：

①新建网站

建一个ASP.NET空网站“ScriptManagerProxy”，新建母版页文件MasterPage.master；

②控件的添加与设置

在占位符ContentPlaceHolder上方添加Ajax的管理控件ScriptManager及局部更新控件UpdatePanel，并在UpdatePanel的标签中添加相关控件：

TextBox控件、Button控件、Label控件，以及Timer控件，即上图的上半部分；

Button1控件的属性Text设置为“母版页时间”，Timer1控件属性Interval设置为1000；

设置占位符编辑区域的

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

宜宾职业技术学院陈骇伦实训09 Ajax技术的应用指导书 宜宾 职业技术学院 陈骇伦实训 09 Ajax 技术 应用 指导书

  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。