AppCan下拉刷新的代码
来源:互联网 发布:源码baiboku 编辑:程序博客网 时间:2024/05/17 23:17
最近发现好多页面都没有下拉刷新,于是开始找文档,找方法,找攻略。
自己也测试了下 ,经过自己整理的东西还是让人印象深刻。好了,废话少说。
<script type="text/javascript" charset="utf-8">
//0 表示顶 1 表示 底 2 表示结束
window.uexOnload = function(type) {
//设置是否支持网页弹动
uexWindow.setBounce(1);
//弹动状态改变的监听
//type 对应的位置 state 状态0:滑动事件开始;1:刷新事件开始;2:滑动事件结束
uexWindow.onBounceStateChange = function(type, state) {
if (type == 0 && state == 2) {//顶部弹动
alert("这是事件的地方");
//设置弹动效果结束后显示的网页
uexWindow.resetBounceView("0");
}
};
var json = {
//展示下拉状态文字的颜色
"textColor" : "#000",
//下拉状态小图标的路径,只支持res:// 格式 ,还想知道详情可以去AppCan官网找找资料
"imagePath" : "res://refesh_icon.png",
//显示的二级文字
"levelText" : "更新日期",
//开始拖动直到超过刷新临界线之前显示的文字
"pullToReloadText" : "下拉刷新",
//拖动超过刷新临界线后显示的文字
"releaseToReloadText" : "释放刷新",
//拖动超过刷新临界线并且释放拖动,进入刷新状态时显示的文字
"loadingText" : "正在刷新,请稍候..."
};
//这个函数用来设置弹动的参数和显示的样式,样式就是上面的json
uexWindow.setBounceParams(0, json);
//显示弹动的效果
uexWindow.showBounceView({
type : "0", //弹动的位置
color : "rgba(15, 155, 155, 100)", //弹动部位的颜色
flag : 1 //是否显示内容 1显示 0不显示
});
//注册接收弹动事件
//左边的参数 表示位置 右边的 表示是否调用onBounceStateChange方法 0 不调用 1 调用
uexWindow.notifyBounceEvent(0, 1);
}
</script>
有了注释看起来 就明了多了 不用去翻文档了 谢谢!
代码可以直接测试
阅读全文
0 0
- AppCan下拉刷新的代码
- appcan 官方上/下拉刷新函数的一个简单封装
- Appcan listview上拉加载下拉刷新
- 4.0 appcan 下拉刷新上拉加载
- apicloud如何实现优雅的下拉刷新与加载更多(Appcan也可类似实现)
- appcan与iscroll.js结合下拉刷新(转)
- Appcan listview上拉加载下拉刷新源码
- Appcan listview 下拉刷新上啦加载源码
- appcan实现下拉刷新,上拉加载更多。
- appcan用mvvm实现下拉刷新和上拉加载
- 学习下拉刷新核心代码
- XListView下拉时间刷新代码
- iphone/ipad中代码下拉屏幕刷新的方法
- 代码实现Android5.0的下拉刷新效果
- 代码实现Android5.0的下拉刷新效果
- 下拉刷新的实现
- 有趣的下拉刷新
- 有趣的下拉刷新
- ijkplayer 入门之Error事件源码简单跟踪
- 共享免费生活代码
- 自学OPENCV+PYTHON+MACOS-X(4)图形金字塔进行苹果和橘子融合详解
- Ant的安装和使用
- 下载配置ACE网络库流程
- AppCan下拉刷新的代码
- 多线程注意事项
- 照片处理小工具三合一设计到实现(三)
- 根据下拉框排序,自定义过滤器,添加,查询等操作
- Jenkins入门系列之——01第一章 Jenkins是什么?
- ajax+php超时操作,延时返回数据
- leetcode 724 Find Pivot Index
- video.js支持m3u8格式直播
- 25种提高网页加载速度的方法和技巧