用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 官方教程 查看內容

微信小程序setData局部刷新列表

Rolan 2020-8-17 10:13

當列表管理加載到第幾頁時,這個list的數據有十幾條的,如果重新setData的話就要重新刷新和渲染列表

利用setData局部刷新列表

當列表管理加載到第幾頁時,這個list的數據有十幾條的,如果重新setData的話就要重新刷新和渲染列表,

這是個比較麻煩的事,當數據量大時,就會造成白屏,

這時就要局部刷新列表,而且大量數據使用setData是有性能影響的。

這時就要進行 局部刷新

比如:分頁加載,刪除某一條記錄,這時就要重新加載列表,回到第一頁,當頻繁操作刪除時,就比較惡心了

這時我們可以利用標記,和隱藏記錄

通過點擊獲取列表的索引index,進行刪除請求成功后將其隱藏即可,不用全部刷新列表,也不用回加第一頁

1. let index = e.currentTarget.dataset.index;

2. this.setData({

3. ['list['+index+'].isDelete']: 1

4.  })

通過局部更新列表項的isDelete參數來隱藏該項

頁面上使用 

來控制顯示。

通過上面局部刷新頁面的方式,可以做大量的相識的操作,如商品上下架的狀態,等

1.    wx.showModal({

2.           title: '提示!',

3.          content: '是否刪除該商品?',

4.          success: res =>{

5.             if (res.confirm) {

6.                 let index = e.currentTarget.dataset.index;

7.                this.setData({

8.                  ['list['+index+'].isDelete']: 1

9.                   })

10.          }

11.        }

12.   })

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏

推薦教程

    熱門主題

      河北20选5大星走势图 唐人神股票 全国体彩福彩开奖结果 排列五带连线专业走势图南方版 pk10历史开奖走势图 七星彩app抓码神器 今日上证指数收盘点数 2014最好投资理财平台 内蒙古快3今天中奖号码 陕西快乐十分 股票涨跌影响总资产 北京快3开奖l结果下载 广西快三网络购彩 pc蛋蛋刷蛋注册 短线股票推荐领航 广西快乐十分公布开奖 pc蛋蛋幸运28单双大小