嗞嗞嗞~ 你的浏览器仿佛在对我微笑!

YDUI Touch Docs 返回首页

PullRefresh

1、说明

1.1、示例:http://m.ydui.org/html/list.pullrefresh.html

1.2、移动端常见下拉刷新加载数据插件。考虑到移动设备的整体性能,不直接拖动整个列表。PullRefresh 仅支持Javascript API方式调用;

2、调用

普通调用

使用jQuery的deferred对象实现异步通信。

<section id="J_List">
<div id="J_ListContent"></div>
</section>

<script>
$('#J_List').pullRefresh({
initLoad: true,
loadFunction: function () {
var def = $.Deferred();

$.ajax({
url: '/获取数据方法',
dataType: 'json',
success: function (ret) {
/* 假设ret.list为后端返回的列表数组 */

$('#J_ListContent').prepend(ret.list + '将数据拼接成html');

var tipStr = ret.length > 0 ? '为您更新了' + ret.length + '条内容' : '已是最新内容';

YDUI.dialog.toast(tipStr, 'none', 1500);

/* 处理完后调用resolve()方法 */
def.resolve();
}
});

return def.promise();
}
});
</script>

3、参数

参数说明类型可选值默认值
loadListFn 加载数据方法 Function - -
initLoad 是否初始化加载第一屏数据 Boolean - true

4、参与讨论

4.1、有任何使用问题,请在评论中留言,也欢迎大家发表意见、建议。感谢您对YDUI的支持。