Easy UI 遮罩
来源:互联网 发布:c语言求n的阶乘 编辑:程序博客网 时间:2024/05/16 05:21
Easy UI 的各类控件有些带了遮罩功能,如 DataGrid,可以这样使用:
//显示遮罩
$("#dg").datagrid("loading", "数据加载中……");
//隐藏遮罩
$("#dg").datagrid("loaded");
在有些情况下,我们不能直接使用控件本身的遮罩效果,比如:
1:有些控件则没有这样的属性,比如 Tabs;
2:页面初始加载时;
3:通过 Ajax 异步获取数据并刷新当前页面;
这个时候,就要采用另外的办法来进行遮罩。有一个方案是,使用:
//开启遮罩
$.messager.progress({
title: 'Please waiting',
msg: 'Loading data...',
text: 'PROCESSING.......'
});
//关闭遮罩
$.messager.progress('close');
效果如下:
注意,三个属性不是必选的。属性 title 和 msg 如果不设置,则画面中 1 和 2 不显示,属性 text 不设置,则 3 处显示的一个自动变化的百分比。
以下是一个示例:
var step1Ok = function () {
$.messager.progress({
title: 'Please waiting',
msg: 'Loading data...',
text: 'PROCESSING.......'
});
$.ajax({
type: "GET",
url: "@ViewBag.Domain/Paper/GetQuestionUnit",
success: function (data) {
$.messager.progress('close');
alert(data);
}
});
};
- Easy UI 遮罩
- Easy UI 遮罩(MASK)
- Easy UI 遮罩(MASK)
- easy-ui
- Easy ui
- Easy UI
- Easy ui Combobox,easy ui datagrid Combobox
- Jquery Easy UI
- Easy-Ui 学习笔记
- jquery easy ui 框架
- jQuery Easy UI 实例
- Jquery easy UI combobox
- Easy-ui属性汇总
- easy-ui 有bug?
- easy ui本地化
- easy ui layout
- jquery easy ui layout
- easy ui 简单使用
- 1111
- 有一个异人,名叫杜蒂耶尔
- Python 定义类中的方法
- ASIO 之 剖 析--(5) 以Proactor模式的角度来剖析ASIO
- ioremap()的理解
- Easy UI 遮罩
- 设置取消编译器对齐方式 和 头文件不会被多次编译方法
- 读取jar包中的资源文件
- 第1章 C语言概述
- JMS的例子
- iostream.h和iostream 区别
- phonegap 拍照或者选择图片 上传+ 后台接收图片和参数代码
- ISIS与OSPF的区别与联系
- Android NDK学习(2)Windows下NDK开发环境配置