mui.pullToRefresh插件

因為自己在做一個mui項目，綜合網上大家的一些方法，給自己做一個筆記，如有錯誤，歡迎指出

1.依賴

• mui.js
• mui.pullToRefresh.js
• mui.pullToRefresh.material.js

2.配置信息

 

mui.each(document.querySelectorAll('.mui-scroll'), function(index, element) {
      mui(element).pullToRefresh({
      　　down: {
           　　style:'circle',
           　　contentdown : "下拉可以刷新",//可以下拉提示信息
           　　contentover : "釋放立即刷新",//下拉結束顯示
           　　contentrefresh : "正在刷新...",//下拉中顯示
           　　callback: pulldownRefresh //下拉回調函數
      　　},
      　　up: {
          　　callback: function(){}, //上拉回調，必填；  
          　　auto: false, //自動執行一次上拉加載，可選；  
          　　show: true, //顯示底部上拉加載提示信息，可選；  
          　　contentinit: '上拉顯示更多', //可以上拉提示信息  
          　　contentdown: '上拉顯示更多', //上拉結束提示信息  
          　　contentrefresh: '正在加載...', //上拉進行中提示信息  
          　　contentnomore: '沒有更多數據了' //上拉無更多信息時提示信息 
       }
     });
});

 

3.常用API

（1）手動觸發上拉/下拉

pullToRefresh.pullDownLoading();  //下拉
pullToRefresh.pullUpLoading(); //上拉

（2）結束上拉/下拉

pullToRefresh.endPullDownToRefresh(Boolean);  //結束下拉，傳true代表無更多信息，禁止下拉，默認不傳
pullToRefresh.endPullUpToRefresh(Boolean); //結束上拉，傳true代表無更多信息，禁止上拉，默認不傳

（3）禁用/開啟組件

pullToRefresh.setStopped(Boolean); 

（4）上拉/下拉的操作，如果無更多信息后，調用結束上拉/下拉並且傳true會禁用上拉。如果需要重新開啟上拉/下拉，則需要刷新組件。

pullToRefresh.refresh(true);  

4.參考文章

http://ask.dcloud.net.cn/article/1215