企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
 微信端分页插件 ``` $.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(); }); ```