`
peonyzzdx
  • 浏览: 580842 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

点击查询按钮后,展示数据加载进度,防止用户多次提交

    博客分类:
  • web
阅读更多
需要引入
jquery.blockUI.js
$.blockUI   = function(opts) { install(window, opts); };
此代码是jquery.blockUI.js中的加载进度条用到的一段js。



  function serchRelation() {
        if($("#syqzsbh").val().length==0 && $("#fwzl").val().length==0 ){
            alert("数据量太大,请您至少输入一个查询条件");
        }else{
           $.blockUI({ message:'<img src="<%=skinPath%>images/loading/grid-loading.gif" />', css:{  border:'none', '-webkit-border-radius':'1px', '-moz-border-radius':'1px', opacity:.7, color:'#fff'  } });
            serchFormcqgx.submit();
        }



当点击提交按钮后,页面效果如下图



  • 大小: 54.9 KB
分享到:
评论

相关推荐

    C#程序开发范例宝典(第2版).part08

    一部久享盛誉的程序开发宝典。精选570个典型范例,全面覆盖实用和热点技术,涉及面广,实用性强源于实际项目开发,帮助读者短时间掌握更多实用技术,提高编程水平范例经过精心...实例267 防止程序多次运行 363 实例...

    C#程序开发范例宝典(第2版).part13

    一部久享盛誉的程序开发宝典。精选570个典型范例,全面覆盖实用和热点技术,涉及面广,实用性强源于实际项目开发,帮助读者短时间掌握更多实用技术,提高编程水平范例经过精心...实例267 防止程序多次运行 363 实例...

    C#程序开发范例宝典(第2版).part02

    一部久享盛誉的程序开发宝典。精选570个典型范例,全面覆盖实用和热点技术,涉及面广,实用性强源于实际项目开发,帮助读者短时间掌握更多实用技术,提高编程水平范例经过精心...实例267 防止程序多次运行 363 实例...

    C#程序开发范例宝典(第2版).part12

    一部久享盛誉的程序开发宝典。精选570个典型范例,全面覆盖实用和热点技术,涉及面广,实用性强源于实际项目开发,帮助读者短时间掌握更多实用技术,提高编程水平范例经过精心...实例267 防止程序多次运行 363 实例...

    Java开发实战1200例(第1卷).(清华出版.李钟尉.陈丹丹).part3

    实例186 泛型方法与数据查询 236 实例187 泛型化方法与最小值 238 实例188 泛型化接口与最大值 239 实例189 使用通配符增强泛型 240 实例190 泛型化的折半查找法 241 第9章 编程常用类 343 9.1 Calendar类的使用 244...

    KODExplorer 芒果云-资源管理器

    - 加载文件列表改为异步方式,数据返回采用回调函数方式。增强体验 - 选中优化,文件&文件夹重命名、文件&文件夹新建 后自动选中。(f5增加回调。); - 选中保持,选中后如果调整排序等等,保持选中状态。 - 上传文件...

    基于Qt和c++开发的多功能高颜值音乐播放器源码+项目详细说明.zip

    1.项目代码均经过功能验证ok,确保稳定可靠运行。欢迎下载体验!下载完使用问题请私信沟通。 2.主要针对各个计算机相关专业,包括计算机科学、信息安全、数据...- 点击左上角下拉按钮回到主界面,并且有下拉**动画**

Global site tag (gtag.js) - Google Analytics