jQuery MiniUI

标题: 加载遮罩 [打印本页]

作者: fcw571328 时间: 2013-11-21 20:35:51 标题: 加载遮罩

grid.on("load",function(e){
      mini.mask({
         el: document.body,
         cls: 'mini-mask-loading',
         html: '加载中...'
      });
});
我想在Grid加载数据的时候加载整个页面的遮罩，不是用自带的那个。以上的代码是一直在遮罩，怎么才能数据加载完就取消遮罩呢

作者: factory 时间: 2013-11-22 09:16:26

mini.unmask()

作者: felt 时间: 2013-11-22 09:21:14

grid.on("beforeload",function(){
  mini.mask({
         el: document.body,
         cls: 'mini-mask-loading',
         html: '加载中...'
      });
});
grid.on("load",function(){
mini.unmask();
})
showLoading="false"可以把表格默认的遮罩去掉。

作者: langben 时间: 2013-11-22 09:24:45

建议以后的遮罩能够建立在某个元素上

通过属性设置即可

作者: factory 时间: 2013-11-22 09:43:11

langben 发表于 2013-11-22 09:24
建议以后的遮罩能够建立在某个元素上

通过属性设置即可

grid本来就有loading()默认遮罩的,他是想改成整个页面的.只有通过mini.mask()

作者: langben 时间: 2013-11-22 14:04:41

呵呵，好像你没明白我说的意思，
在设置到html body时
需要在2个事件里控制，及其麻烦
我的建议是在grid处设置 maskEl = "#id" | document.body
这样内部去处理难道不好？

作者: factory 时间: 2013-11-22 14:10:10

langben 发表于 2013-11-22 14:04
呵呵，好像你没明白我说的意思，
在设置到html body时
需要在2个事件里控制，及其麻烦

那你这样处理,等于是所有控件都需要考虑这个属性了
有可能我在表单的时候需要遮罩,有可能我是表格,或者tree或者其他控件
那还不如我提供给你一个统一的mask() 方法,你想什么元素展现的时候遮罩,就调用这个方法.
有时候单独提供,比整合起来要灵活得多

作者: langben 时间: 2013-11-22 15:27:35

表格查询用得比较多
每个界面都会有
如果一个界面有主子表，那控制起来的事件是很多的
通过属性设置想必比单独控制编写的代码更加舒服
其它的遮罩按照你说的方式去处理是可行的
针对表格这一块遮罩是个累赘，基本上都不会只是遮罩表格，界面其它地方用动作或数据控制

作者: fcw571328 时间: 2013-11-22 16:52:01

谢谢各位大神的热心回答
grid.on("load", function (e) {
      mini.mask({
         el: document.body,
         cls: 'mini-mask-loading',
         html: '查询中...'
      });
      $.ajax({
         complete: function () {
            mini.unmask(document.body);
         }
      });
});
我已经实现了，像
grid.on("beforeload",function(){
  mini.mask({
         el: document.body,
         cls: 'mini-mask-loading',
         html: '加载中...'
      });
});
grid.on("load",function(){
mini.unmask();
})
这样的也可以实现我想要的效果了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)