`
chenxueyong
  • 浏览: 342296 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

ExtJS Loading 悬浮层

EXTJavaScriptCSSXHTMLHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
   <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {

var mk = new Ext.LoadMask('show', {
msg: '正在更新数据，请稍候!',
removeMask: true //完成后移除
});
mk.show();

    });
</script>
<title></title>
</head>
<body>
<div id="show" style="border:1pt solid #cccccc;margin:100px auto;width:300px;height:180px;"></div>
</body>
</html>

效果图：

 

分享到：
| 发送邮件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Extjs的loading效果

    ExtJS的loading效果是指当数据正在后台加载或页面正在处理时，显示的一种视觉提示，告知用户系统正在进行工作。这通常是一个旋转的指示器或文字提示，如“正在加载...”。这种效果可以避免用户在等待过程中感到迷茫...

    Extjs4添加tooltip

    Extjs4的textfield控件竟然没有tooltip悬浮提示，这应该算是个bug吧。网上查了很多，也没有方案。后来自己通过查询并整理出这个方案，终于实现了。 思想如下： 在textfield渲染时注册mouseover事件，然后在其中调用...

    解决extjs API文档不断Loading

    标题“解决extjs API文档不断Loading”涉及到的问题是ExtJS框架在使用其API文档时可能出现的一个常见问题，即文档页面加载无休止，无法正常显示内容。这可能是由于多种原因引起的，包括网络连接问题、浏览器兼容性...

    JAVASCRIPT DIV 弹层(模仿EXTJS)

    为了模仿EXTJS的弹层效果，我们还需要实现层上弹层的功能。这可以通过设置Div的`z-index`属性来实现，数值越大，层的位置越靠前： ```css #popup { position: absolute; /* 或者 fixed，根据需求选择 */ z-index:...

    Vs2005+Access+Extjs三层架构源码

    Vs2005+Access+Asp.net+Extjs简单三层架构源码 由51编程网站提供，代码由51编程-代码器自动生成。 共生成5种文件格式： Model: 实体层 BLL : 逻辑层 Dal: 数据层（主键自动增长，新增时都需要屏蔽） Ext.aspx: ...

    extjs4类似win下的窗口拖动效果

    ExtJS4是一款强大的JavaScript框架，主要用于构建富客户端Web应用程序。在描述中提到的"类似win下的窗口拖动效果"指的是在Web应用中实现类似于Windows操作系统中窗口可拖动的功能。这个功能在ExtJS4中可以通过其组件...

    EXTjs grid双层表头的实现 (源代码和示例)

    EXTjs是一款强大的JavaScript库，主要用于构建富客户端应用。在EXTjs中，grid组件是用于展示大量数据的常用组件，它可以提供灵活的布局、排序、筛选等功能。本篇将重点讲解如何在EXTjs中实现双层表头，以及通过提供...

    Vs2005+Access+Asp.net+Extjs三层架构源码

    【标题】"Vs2005+Access+Asp.net+Extjs三层架构源码" 涉及的关键技术是微软的开发环境Visual Studio 2005（Vs2005）、数据库管理系统Access、Web应用程序框架Asp.net以及前端交互库ExtJS。这些组件共同构建了一个...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码，主要是因为 ExtJS4 配备了一类新的系统，不向后兼容。在 ExtJS 3 里生成表的几个框架组件，ExtJS4 大多生成 div，这使得 CSS classes 将会失败...

    asp.net+extjs三层架构项目代码生成器(很适合快速开发)

    最新最牛气的代码生成器，只需设计好数据库，直接生成可以用的BS项目，此代码生成器非常方便，做项目只需设计好数据库，然后按照生成提示一步步做，即可生成可直接使用的项目，从数据访问层到表示层，所有代码一气...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库，专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具，使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中，我们主要关注的是...

    轻松搞定Extjs 带目录

    本书作为Extjs的中文教程，旨在帮助读者快速上手Extjs，其内容涉及Extjs的基础知识和实际应用。 #### 2. JavaScript基础知识 - **类的定义**: Extjs中的类继承于JavaScript原生类，通过Ext.extend来定义。这是...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    信息提示小窗口Notification-ExtJS2.0.2

    在给定的资料中，我们关注的是一个名为"信息提示小窗口Notification-ExtJS2.0.2"的项目，它是对ExtJS库的一个扩展，用于创建类似qwikiOffice中右下角的消息提示框。 首先，`ExtJS`是一个强大的JavaScript库，专为...

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库，专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本：2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用，它们各自拥有不同的特性和改进，对于理解...

    extjs 双层表头

    使用extjs生成双层表头，父表头包括子表头

    Access+Extjs三层架构V1.0源码

    Model: 实体层 BLL : 逻辑层 Dal: 数据层（主键自动增长，新增时都需要屏蔽） Ext.aspx: ExtJs格式文件 List.aspx: Asp.net文件 用户名和密码：admin

    中期开发平台说明文档-Extjs WEB层

    ExtJS Web 层平台架构与代码规范详解 站在中期开发平台的角度，ExtJS Web 层平台架构是整个中期信息技术的核心组成部分。今天，我们将深入探讨 ExtJS Web 层平台架构的各个方面，并详细介绍其代码规范。 概述 ----...

    EXTjs组件解释文档

    包括从基础到深入的EXTjs组件解释，EXTjs实例，EXT核心API详解，Ext.DomQuery类

    ASP.NET Extjs框架源码 教务系统框架源码 ASP.NET+Extjs框架 ASP.NET源码

    ASP.NET和ExtJS是两种广泛应用于开发Web应用程序的技术。ASP.NET是微软公司推出的服务器端编程框架，主要用于构建功能丰富的、高性能的Web应用。而ExtJS则是一个强大的JavaScript库，用于创建用户界面，尤其擅长构建...

Magicbox
Global site tag (gtag.js) - Google Analytics