小程式怎麼做檢視更多的顯示和隱藏
阿新 • • 發佈:2018-12-12
應用場景:
當列表資料太多時,就會進行分段查詢,這就有了檢視更多
小編在剛剛開始做的時候也是費了很大的勁,想了三種方案,這就不細說了,來說下最簡單的方案
PHP程式碼:
.....其實PHP是不需要處理什麼東西的,只需要將資料的總條數返回給前端即可
$count = Db::table('wxb_move_user')->where($where)->count(); $send = ['data'=>$product,'count'=>$count]; $this->result($send, 200, '獲取資訊成功', 'json');
小程式程式碼:
在第一次載入的時候只需要判斷總數量是否小於等於10,總量小於等於10後邊就沒有資料了,檢視更多按鈕隱藏
同理,點選檢視更多的時候,獲取拼接後的資料的條數,在與總量進行判斷,當總量大於拼接的數量時,表示後邊還有資料,檢視按鈕就需要在顯示出來
此處的陌生知識點就是concat可以拼接資料
// 獲取公司資訊 getCompanyInfo:function(){ wx.showLoading({ title: '載入中', }) var that = this; var page = this.data.page; wxb.Post('/api/automatic.Allinfo/getInfo',{ page: page },function(data){ wx.hideLoading(); var count = data.count; if(count <= 10){ that.setData({ companyList: data.data, display: 0 }) }else{ that.setData({ companyList: data.data, display: 1 }) } }); }, more:function(){ var that = this; var companyList = this.data.companyList; var page = this.data.page; wxb.Post('/api/automatic.Allinfo/getInfo', { page: page+1 }, function (data) { wx.hideLoading(); var list = companyList.concat(data.data); var count = data.count; if (count > list) { that.setData({ companyList: list, display: 1 }) } else { that.setData({ companyList: list, display: 0 }) } }); },