微信小程序开发(4)——列表选择、全选

最新推荐文章于 2024-09-29 11:23:58 发布

原创

最新推荐文章于 2024-09-29 11:23:58 发布 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了微信小程序中实现列表选择和全选功能的方法。包括初始化记录数据，如通过不同请求方式获取数据；选中或取消选中部分数据，避免遍历修改；以及全选和取消全选操作，虽然大数据量下效率不高但能解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

产品需求小程序选择部分或全部记录并导出，因此开发选择记录功能

1.初始化记录数据

有多种请求数据的方式，如初始化刷新数据、上拉加载、下拉刷新、搜索记录这四种请求数据的方式。

data: {
    records: [],
    recordsAll: [],
    selectRecordsId: [],
    isAllSelect: false,
    selectLength: 0,
    currentPage: 0,
  },
getRecords: function(data, type) {
    var that = this;
    app.showLoading('正在加载');
    app.requestData({
      url: 'operationsrecord/query',
      data: data,
      success: function(res) {
        console.log(data,type,res);
        wx.stopPullDownRefresh();
        if (res.data.success) {
          var rows = res.data.rs.rows;
          console.log(rows.length);
          let recordsNew = [];
          let len = rows.length;
          if (len > 0) {
            for (let i = 0; i < len; i++) {
              recordsNew.push({
                isSelect: false, // 每条记录默认没有选中
                id: rows[i].id,
                deviceName: rows[i].deviceName,
                deviceCode: