小程序怎么做查看更多的显示和隐藏

 

应用场景：

   当列表数据太多时，就会进行分段查询，这就有了查看更多

  小编在刚刚开始做的时候也是费了很大的劲，想了三种方案，这就不细说了，来说下最简单的方案

 

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

  },