?
微信端分頁插件
```
$.fn.LoadMore()
LoadMore: function (set) {
set = jQuery.extend({
noData: "暫無數據", //沒有數據時的顯示
queryed: null, //查詢完成后的回調
pageSize: 10,//每頁行數
Type: 1,
handleName: null ,//獲取數據的ajax方法的地址
events: [], //事件集合,在需要做出自定義事件時使用
getPostKey: function () { return { //為提交數據的方法中添加篩選條件 }
}, set);
//目標容器下方必須有id為pager的容器,作為當前頁碼的容器存儲
< div class ="zqui-tab-content" id ="orderList">
</div>
<div id="pager">
</div>
var loadMore = $("#orderList").LoadMore({
queryed: function (data) { console.log(data) },
handleName: api.GetApi("GetOrderList"),
getPostKey: function () {
return {
type: @((int)type) ,
status: $(".zqui-filter-bar .active").data("value")
}; },
events:[{ //多個事件對象用逗號隔開
handle:".Like", //如為分頁數據結構里的點贊按鈕添加事件
act: function(data,obj){ } //調用點贊的方法
}]
});
loadMore.Query();
```
WaterFall 瀑布流滾動分頁加載插件
```
//下方為我們使用的兩列瀑布流
var wf = new WaterFall({
api: function () { return api.GetApi("Query") } , //獲取數據的ajax方法
getPostKey:function() { return {countyId:$(".counties .active").data("id"),sort: $(".zqui-filter .zqui-filter-item.active").data("sort")};} //數據篩選的額外條件
});
//下方為項目中的模版,boxleft為左半邊內容的容器,boxright為右邊內容的容器
<div class="zqui-filter-content">
<div class="zqui-tab-pane">
<div class="box">
<div class="boxleft">
</div>
<div class="boxright">
</div>
<div class="spinner" style="display: none">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
</div>
</div>
```
SheetAction 操作表插件,微信端常作為按鈕彈出層控件使用
```
var btns=[ ];//創建一個按鈕對象數組,每一個按鈕作為一個對象存入該數組中
btns.push(
{ //按鈕對象的格式如下,title為按鈕名稱,act為按鈕的功能
title: "返回",
act: function() { window.history.go(-1); }
} )
var sheet = new WeChat.SheetAction(btns);
sheet.$modal.appendTo("body");
//容器為觸發點擊彈窗的按鈕,點擊后彈出層為按鈕列表
$("#showModalaction").click(function() { sheet.$modal.show(); });
```