asp.net ajax1.0基础回顾(四):其它内置服务器端控件

简介:

在asp.net ajax中内置服务器端控件除ScriptManager控件和UpdatePanel控件最常用之外,还有如下三个:

1.ScriptManagerProxy控件

在ScriptManagerProxy控件中可添加ServicesReference和ScriptReference,在网上找了一些相关资料看了一下,并试用过,没有觉得什么特别之处。

2.UpdateProgress控件

UpdateProgress控件可配合UpdatePanel控件使用,在请求稍长时,提高用户体验,使用起来很简单,先指定UpdatePanelIDU,并将等待提示相关的文字或图片放到其中,即可,具体如下代码:

 
  1. <asp:ScriptManager ID="ScriptManagerDemo" runat="server"></asp:ScriptManager> 
  2. <asp:UpdatePanel ID="UpdatePanelDemo" runat="server"></asp:UpdatePanel> 
  3. <asp:UpdateProgress ID="UpdateProgressDemo" runat="server" 
  4.             AssociatedUpdatePanelID="UpdatePanelDemo" DisplayAfter="100"> 
  5.       <ProgressTemplate> 
  6.          数据加载中... 
  7.       </ProgressTemplate> 
  8. </asp:UpdateProgress> 

如果请求时间过短的情况下,可能会一闪而过,这是因为显示延迟时间设置过长,只需要修改DisplayAfter的值(默认为500毫秒)即可,见上图指出。

3.Timer控件

顾名思义,主要用作控制时间,只需要设置一下Interval的值,并绑定OnTick事件,具体如下:

前端代码:

 
  1. <asp:ScriptManager ID="ScriptManagerDemo" runat="server"></asp:ScriptManager> 
  2. <asp:Label ID="lblMessage" runat="server"></asp:Label> 
  3. <asp:Timer ID="TimerDemo" runat="server" Interval="2000"  
  4. ontick="TimerDemo_Tick"></asp:Timer> 

服务器端代码:

 
  1. protected void TimerDemo_Tick(object sender, EventArgs e) 
  2.     this.lblMessage.Text = String.Format("当前时间:{0}",  
  3. DateTime.Now.ToLongTimeString()); 

以上代码完成的操作是整页面刷新,可以通过结合UpdatePanel控件,将OnTick事件注册到UpdatePanel控件上,即可完成异步刷新。


本文转自 彭金华  51CTO博客,原文链接:http://blog.51cto.com/pengjh/596472


相关文章
|
3月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
44 8
|
3月前
|
开发框架 JavaScript 前端开发
揭秘:如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语,再引发服务器端魔法!
【8月更文挑战第16天】在ASP.NET开发中,处理客户端与服务器交互时,常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件,但难以插入客户端逻辑。本文对比此法与改进方案:利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交,增强了灵活性和用户体验,同时确保了服务器端逻辑的执行。
47 5
|
12天前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
53 22
|
12天前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
43 4
|
6月前
|
开发框架 前端开发 JavaScript
ASP.NET AJAX使用方法概述(三)
ASP.NET AJAX使用方法概述(三)
47 1
|
2月前
|
开发框架 JavaScript 前端开发
|
6月前
|
Windows
LabVIEW中ActiveX控件、ActiveX服务器和类型库注册
LabVIEW中ActiveX控件、ActiveX服务器和类型库注册
215 4
|
2月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
35 7
|
2月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
48 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
42 0