webview 实现下拉刷新,只需要三步
第一步1、在需要刷新的页面配置 既是在div中配置id ,这个id既是 在2 中的container 的值2、在自己的js文件中添加如下代码 pullRefresh : { container:"#todoPull",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等 down : {
第一步
在需要刷新的页面配置
既是在div中配置id ,这个id既是 在2 中的container 的值
第二步
在自己的js文件中添加如下代码
在 mui.init()中添加
pullRefresh : {
container:"#todoPull",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down : {
contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
//contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback :pullfreshList //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
第三步
在js中添加如下代码
//下拉刷新
function pullfreshList() {
//console.log("sss"); //这块是为了测试
//业务逻辑代码,该地方是 获取当前页面对象。调用自己写好的自定义事件、
var h = plus.webview.currentWebview();
mui.fire(h,'loadTodoData');
//注意,加载完新数据后,必须执行如下代码,注意:若为ajax请求,则需将如下代码放置在处理完ajax响应数据之后
mui('#todoPull').pullRefresh().endPulldownToRefresh();
}
更多推荐
所有评论(0)