加载遮罩

fcw571328

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

factory

mini.unmask()

felt

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

langben

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

通过属性设置即可

factory

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

通过属性设置即可

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

langben

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

factory

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

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

langben

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

fcw571328

谢谢各位大神的热心回答
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();
})
这样的也可以实现我想要的效果了