1. 程式人生 > >小程式怎麼做檢視更多的顯示和隱藏

小程式怎麼做檢視更多的顯示和隱藏

應用場景:

   當列表資料太多時,就會進行分段查詢,這就有了檢視更多

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

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

  },