微信端分页插件
```
$.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(); });
```