博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript居中显示Ajax.net的UpdateProgress
阅读量:5053 次
发布时间:2019-06-12

本文共 857 字,大约阅读时间需要 2 分钟。

转自:

ASP.NET AJAX里有一个UpdateProgress控件,它是用于 asp.net异步刷新时显示一个自定义的等待进度条,但是它有一个缺点,就是等待进度条的样式是静态的,换句话说就是一旦它的样式定好了,就不能改变 了,例如它的显示的位置top或left,如果我们根据浏览器窗口大小来动态居中显示这个UpdateProgress,要如何实现呢?正好微软的ASP.NET AJAX提供一个 javascript插口可以让我们自己重写这个进度条显示的方法,请看下面的代码:

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function() {

    var loading = $(".loadingBar"); 
        loading.css({ "top": (document.documentElement.clientHeight - loading.height()) / 2 + "px", "left": (document.documentElement.clientWidth - loading.width()) / 2 + "px"});
        loading.show();
    });

// Sys.WebForms.PageRequestManager.getInstance().add_beginRequest 这个就是注册事件的接口

上述代码相当重写了 ASP.NET AJAX 原来 UpdateProgress 的事件,这样,显示出来的自定义的等待进度条能自动判断当前浏览器窗口大小,通过调整进度条的位置,使之居中!

注:这些代码要放在ScriptManager控件之后

转载于:https://www.cnblogs.com/techmango/archive/2011/09/02/Javascript_UpdateProgress_align_center_add_beginRequest.html

你可能感兴趣的文章
X64操作系统组件Jmail无法正常服务问题
查看>>
div 居中
查看>>
Vue 后台管理框架
查看>>
reactiveCocoa使用
查看>>
Orleans 序列化遇到的坑
查看>>
软件介绍(apache lighttpd nginx)
查看>>
Storm学习笔记1:Storm基本组件
查看>>
markdown语法实例
查看>>
IndexedDB 增删改查 简单的库
查看>>
git使用流程
查看>>
Java的序列化和反序列化
查看>>
selenium IDE常用命令
查看>>
开始写博客了
查看>>
Python selenium之css定位
查看>>
UVA 1525 Falling Leaves
查看>>
03-数据基础
查看>>
CentOS上yum方式安装配置LNMP
查看>>
Spring SpringMvc Hibernate整合
查看>>
Gradle 使用Maven本地缓存
查看>>
程序猿编程十大原则
查看>>