`
yuelangyc
  • 浏览: 454745 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery中遮罩层progressDialog 简单使用

 
阅读更多
        在应用中经常会用到遮罩层,比较常见的,比如系统在读取数据时,等待时间很长的话,防止用户在等待响应的时候,点击别的请求,通常会做一下限制,这里就用到了遮罩层。这次我主要想说的是 jQuery中的 progressDialog。

        progressDialog是JQuery中定义好可以直接使用的遮罩层,在事件中根据条件调用
//简单遮罩层
if(typeof $(document).progressDialog != 'undefined')
    $(document).progressDialog.showDialog("请耐心等待..."); 
//带图片的遮罩层
if(typeof $(document).progressDialog != 'undefined')
    $(document).progressDialog.showDialog("请耐心等待",$("#basePath").val()+'image/loading.gif');
//层关闭
if(typeof $(document).progressDialog != 'undefined')
    $(document).progressDialog.hideDialog();



目前我主要用到的就是这三个方法,在用之前需要引入两个JS,
1. jquery-1.4.2.min.js
2. jquery.processing.plugin.js

附件为processing.plugin.js 和一个loading图片
不会自己做 就可以用这个。
分享到:
评论
2 楼 xuchongzhi 2013-06-13  
我来试试哈
1 楼 flyingsir_zw 2012-06-09  
有android 可以分享不。

相关推荐

    android中ProgressDialog的使用

    这个"android中ProgressDialog的使用"主题主要涵盖了如何在Android应用中创建、配置和管理ProgressDialog,以及相关的最佳实践。 1. **ProgressDialog的创建** ProgressDialog可以通过继承自Activity的`showDialog...

    Android 自带progressDialog的使用

    在本文中,我们将深入探讨如何在Android应用程序中有效地使用自带的ProgressDialog。 首先,ProgressDialog有两种主要类型:`ProgressDialog`和`ProgressBar`。`ProgressDialog`是模态对话框,它会阻止用户与应用的...

    ProgressDialog

    以下我们将详细探讨如何在Android应用中使用ProgressDialog。 首先,要使用ProgressDialog,你需要在布局XML文件中声明它,虽然在XML中声明并不常见,因为ProgressDialog通常在运行时动态创建。在代码中,你可以...

    ProgressDialog进度条使用

    在Android开发中,ProgressDialog是一个非常常见的组件,它用于在执行...以上就是关于“ProgressDialog进度条使用”的关键知识点,通过这个Demo,开发者可以了解如何在实际项目中使用ProgressDialog来提升用户体验。

    android关于ProgressBar和ProgressDialog的使用

    通过以上讲解,你应该对在Android中使用`ProgressBar`和`ProgressDialog`有了深入的理解。在DialogTest项目中,你可以找到这些概念的具体实现,这将有助于你进一步熟悉和掌握这两个控件的使用。记住,良好的用户体验...

    progressDialog进度对话框的创建

    在`ProgressDialogTest`这个例子中,可能包含了如何创建和使用`ProgressDialog`的示例代码,包括以上所有步骤。你可以通过查看和运行这个测试项目来进一步理解`ProgressDialog`的工作原理和用法。 值得注意的是,...

    android 对话框中的进度条 (ProgressDialog)

    在AndroidManifest.xml中为应用或Activity定义一个主题,然后在ProgressDialog中使用这个主题: ```xml <!-- AndroidManifest.xml --> android:theme="@style/AppTheme" <!-- 自定义主题 --> ... <!-- styles....

    ProgressDialog_android源码_

    例如,我们可以在构造函数中使用LayoutInflater来加载自定义布局,然后将自定义的进度条视图设置到Dialog上。 在Android源码中学习ProgressDialog的实现有助于开发者更好地理解如何与系统组件交互,以及如何优化和...

    android 中ProgressDialog实现全屏效果的示例

    做项目的时候,直接用到了一个ProgressDialog,需要实现全屏的效果,如下图所示,功能跑起来的时候发现不是全屏,只是包裹了当前的内容,如下图所示,不过查找一些资料,把问题解决了。 ProgressDialog 继承自...

    android中透明Dialog及ProgressDialog的实现

    在Android开发中,Dialog和ProgressDialog是两种常用的UI组件,用于向用户展示临时信息或进行阻塞操作时的反馈。本文将详细介绍如何在Android中创建透明背景的Dialog和ProgressDialog,以及涉及的相关XML资源。 ...

    Android自定义ProgressDialog

    要使用ProgressDialog,首先需要在布局文件中声明,或者在代码中动态创建。 2. 自定义ProgressDialog的外观 要自定义ProgressDialog,我们通常需要重写其主题或通过代码设置属性。可以通过修改`styles.xml`文件中的...

    AlertDialog和ProgressDialog界面对话框的使用

    本主题主要关注两种常见的对话框:AlertDialog和ProgressDialog,以及如何与基础控件如TextView、Button、EditText和ImageView结合使用。 **AlertDialog** AlertDialog是Android SDK提供的一种模态对话框,它有三...

    ProgressDialog进度条

    在提供的文件`ProgressBarTest`中,很可能是包含了一个示例或者测试代码,用于演示如何在实际项目中使用ProgressDialog。这个文件可能包含了创建、更新和关闭ProgressDialog的完整流程,包括如何在异步任务中使用它...

    android ProgressDialog 自定义样式

    在Android开发中,ProgressDialog是一个非常常见的组件,用于在应用程序执行耗时操作时向用户显示进度。然而,系统默认的ProgressDialog样式可能无法满足所有设计需求,因此开发者常常需要对其进行自定义,以实现更...

    自定义progressDialog

    在Android开发中,`ProgressDialog`是系统提供的一种用于显示进度的对话框,通常在执行耗时操作如数据加载、文件上传或下载时使用,给用户一个反馈,让他们知道应用程序正在处理事务而不会卡死。然而,系统默认的`...

    Android 自定义ProgressDialog实例

    这可以通过在布局文件中使用动画资源或在代码中动态设置动画来完成。 下面是一个简单的自定义ProgressDialog示例: ```java public class CustomProgressDialog extends ProgressDialog { public ...

    自定义ProgressDialog

    在“Dialog_Test”中,我们可以看到一个实际的自定义ProgressDialog的实现,包括布局设计、类的创建以及在代码中的使用。通过这个例子,开发者可以了解到如何根据自己的需求打造独特的加载提示,提升应用的用户体验...

    Android 对话框中的进度条 ProgressDialog

    在本文中,我们将深入探讨如何在Android中使用ProgressDialog,以及其背后的实现原理。 首先,ProgressDialog有两种主要的样式:旋转指示器(spinning wheel)和水平进度条。旋转指示器通常表示一个不确定的等待...

    ProgressDialog应用实例

    可以使用AsyncTask或者其他异步处理机制,在任务开始时显示ProgressDialog,任务执行过程中更新进度,任务结束后关闭ProgressDialog。 例如,以下是一个使用AsyncTask的简单示例: ```java private class ...

Global site tag (gtag.js) - Google Analytics