在mui框架中上拉載入其實很簡單了，框架已經幫助我們基本實現了。

mui的上拉載入和下拉重新整理類似，都屬於pullRefresh外掛，使用過程如下：


1、頁面滾動到底，顯示“正在載入...”提示（mui框架提供）
2、執行載入業務資料邏輯（開發者提供）
3、載入完畢，隱藏"正在載入"提示（mui框架提供）
開發者只需關心業務邏輯，實現載入更多資料即可。

初始化

初始化方法類似下拉重新整理，通過mui.init方法中pullRefresh引數配置上拉載入各項引數，如下：

mui.init({
	swipeBack: false, //禁用右滑關閉功能
	pullRefresh: {
		container: '#pullrefresh_route',
		up: {
			contentrefresh: '正在載入...',
			callback: pullupRefresh,
			contentnomore: '沒有更多資料了',

		}
	}

});
 

業務邏輯

function pullfresh-function() {
     //業務邏輯程式碼，比如通過ajax從伺服器獲取新資料；
     ......
     //注意：
     //1、載入完新資料後，必須執行如下程式碼，true表示沒有更多資料了：
     //2、若為ajax請求，則需將如下程式碼放置在處理完ajax響應資料之後
     this.endPullupToRefresh(true|false);
}
 

nomore
Type: Boolean
是否還有更多資料；若還有更多資料，則傳入false; 否則傳入true，之後滾動條滾動到底時，將不再顯示“上拉顯示更多”的提示語，而顯示“沒有更多資料了”的提示語；

重置上拉載入
若部分業務中，有重新觸發上拉載入的需求（比如當前類別已無更多資料，但切換到另外一個類別後，應支援繼續上拉載入），此時呼叫.refresh(true)方法，可重置上拉載入控制元件，如下程式碼：


//pullup-container為在mui.init方法中配置的pullRefresh節點中的container引數；
//注意：refresh()中需傳入true
mui('#pullup-container').pullRefresh().refresh(true);
禁用上拉重新整理
在部分場景下希望禁用上拉載入，比如在列表資料過少時，不想顯示“上拉顯示更多”、“沒有更多資料”的提示語，開發者可以通過呼叫disablePullupToRefresh()方法實現類似需求，程式碼如下：


//pullup-container為在mui.init方法中配置的pullRefresh節點中的container引數；
mui('#pullup-container').pullRefresh().disablePullupToRefresh();
啟用上拉重新整理
使用disablePullupToRefresh()方法禁用上拉載入後，可通過enablePullupToRefresh()方法再次啟用上拉載入，程式碼如下：


//pullup-container為在mui.init方法中配置的pullRefresh節點中的container引數；
mui('#pullup-container').pullRefresh().enablePullupToRefresh();