小程序怎麼作查看更多的顯示和隱藏

 

應用場景：

   當列表數據太多時，就會進行分段查詢，這就有了查看更多

  小編在剛剛開始作的時候也是費了很大的勁，想了三種方案，這就不細說了，來講下最簡單的方案

 

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
        })
      }
    });

  },