第十七讲 SenchaTouch 请求数据loadmask 加载更多图片显示

2014-4-20 09:57| 发布者: admin| 查看: 20622| 评论: 0

摘要: 学习要点： 1. SenchaTouch 请求数据loadmask显示1. SenchaTouch 请求数据loadmask显示1.LoadMask用于在加载数据时为元素做出类似于遮罩的效果2.实现方法1.找到Application 属性增加 viewport组件（说明：也可以省 ...

学习要点：
1. SenchaTouch 请求数据loadmask显示

本教程为赞助视频教程,只有赞助会员才可以下载此视频教程
详情请看:
http://bbs.phonegap100.com/thread-296-1-1.html

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();