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


相关文章
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
134 8
|
开发框架 JavaScript 前端开发
揭秘:如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语,再引发服务器端魔法!
【8月更文挑战第16天】在ASP.NET开发中,处理客户端与服务器交互时,常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件,但难以插入客户端逻辑。本文对比此法与改进方案:利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交,增强了灵活性和用户体验,同时确保了服务器端逻辑的执行。
147 5
|
11月前
|
开发框架 .NET C#
在 ASP.NET Core 中创建 gRPC 客户端和服务器
本文介绍了如何使用 gRPC 框架搭建一个简单的“Hello World”示例。首先创建了一个名为 GrpcDemo 的解决方案,其中包含一个 gRPC 服务端项目 GrpcServer 和一个客户端项目 GrpcClient。服务端通过定义 `greeter.proto` 文件中的服务和消息类型,实现了一个简单的问候服务 `GreeterService`。客户端则通过 gRPC 客户端库连接到服务端并调用其 `SayHello` 方法,展示了 gRPC 在 C# 中的基本使用方法。
211 5
在 ASP.NET Core 中创建 gRPC 客户端和服务器
|
12月前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
140 22
|
11月前
|
XML 前端开发 JavaScript
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
226 3
|
12月前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
207 4
|
存储 开发框架 .NET
ASP.NET Web Api 使用 EF 6,DateTime 字段如何取数据库服务器当前时间
ASP.NET Web Api 使用 EF 6,DateTime 字段如何取数据库服务器当前时间
161 0
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
385 0
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
199 7

热门文章

最新文章