第十七讲 SenchaTouch 请求数据loadmask 加载更多图片显示
作者:本站编辑 发布时间:2014-04-20 来源:本站原创
点击数:
学习要点:
1. SenchaTouch 请求数据loadmask显示
1. SenchaTouch 请求数据loadmask显示
1.LoadMask用于在加载数据时为元素做出类似于遮罩的效果

2.实现方法
1.找到Application 属性增加 viewport组件(说明:也可以省略此步骤)
Viewport组件是一个类似于面板的容器组件,在HTML代码中该组件以Div的方式显示,它与面板的区别为,在调用应用程序的launch函数之前该组件已经被创建,且该组件的的 fullscreen 配置选项默认为true。

2.通过setMasked 显示 loadmask (说明:可以用于viewport组件 也可以用于panel组件)
方法1:
Ext.Viewport.setMasked({
xtype: 'loadmask',
message: 'Loading...'
});
方法2:
this.getViewport().setMasked({
xtype: 'loadmask',
message: 'Loading...'
});
3.通过unmask 隐藏 loadmask
方法1:
Ext.Viewport.unmask();
方法2:
this.getViewport().unmask();