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

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

应用场景:


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


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



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


 




相关文章
QT软件开发: QPlainTextEdit当做日志显示窗口
QT软件开发: QPlainTextEdit当做日志显示窗口
744 0
QT软件开发: QPlainTextEdit当做日志显示窗口
|
3月前
|
开发框架 前端开发 JavaScript
在Winform程序中增加隐藏的按键处理,用于处理一些特殊的界面显示或者系统初始化操作
在Winform程序中增加隐藏的按键处理,用于处理一些特殊的界面显示或者系统初始化操作
每次都要写一堆样式代码?试试ViewModifier建立统一的样式规范吧
每次都要写一堆样式代码?试试ViewModifier建立统一的样式规范吧
72 1
|
11月前
|
前端开发 JavaScript
巧妙解决显示和隐藏的代码
css使用方法 1.用opacity:0和visibility: hidden; 2.配合hover 3.原先opacity(透明度为0)hover设置为1,即从隐藏到显示,visibility同
60 0
|
数据安全/隐私保护 iOS开发 芯片
将任意应用窗口置顶显示,这个工具太强了。
将任意应用窗口置顶显示,这个工具太强了。
|
Web App开发 XML JSON
程序人生 - 开发程序不写代码,而是靠拼图?
程序人生 - 开发程序不写代码,而是靠拼图?
220 0
程序人生 - 开发程序不写代码,而是靠拼图?
|
存储 程序员 图形学
Win知识 - 程序是怎样跑起来的——文字及图片的显示机制
Win知识 - 程序是怎样跑起来的——文字及图片的显示机制
220 0
Win知识 - 程序是怎样跑起来的——文字及图片的显示机制
|
存储 Linux Shell
你的一切我都想要!
在 Linux 中,我们可以使用 ls -la 用来查看当前目录里文件的详细信息,想必大家都用过。现在,我们想要保存 ls -la 命令的输出到文件 output.txt 中
177 0
你的一切我都想要!
|
JSON 数据可视化 JavaScript
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(一)
UI库提供了很多组件,组件又带有很多属性,有一些常用属性我们可以记住并且手撸,但是有些不常用的属性,或者需要设置多个属性,这样的情况下写起来就麻烦了,有时候还要打开帮助文档看看属性是怎么设定的,需要设置什么样的属性值。那么有没有优雅的方式来设置组件的各种属性呢?我做了一个在线小工具,可以方便的设置属性,并且可以实时看到效果。
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(一)