PullRefresh
1、说明
1.1、示例:http://m.ydui.org/html/list.pullrefresh.html
1.2、移动端常见下拉刷新加载数据插件。考虑到移动设备的整体性能,不直接拖动整个列表。PullRefresh 仅支持Javascript API方式调用;
2、调用
<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 |