1. 程式人生 > >小程式列表刪除功能

小程式列表刪除功能

  • 地址簿刪除,先獲取當前地址部分的id值,根據id值來刪除對應的地址部分。
  • 獲取全部的地址資訊,定義一個空的陣列newallData,用來放置新的地址資訊。
  • 在全部地址資訊中刪除選中的id的地址資訊,生成新的地址資訊放入定義的空陣列中。
  • 現在newallData就是刪除選中地址資訊以後剩下的地址資訊,在newallData中的資訊渲染在頁面。

wml檔案:

<!-- 刪除 -->
<view class="delete" bindtap="deleteaddress" data-id="{{ item.id }}">刪除</view>

js檔案:

deleteaddress(e){
    let
that = this; console.log(e); let deldeid = e.currentTarget.dataset.id; let allDatas = that.data.allData; let newallData = []; for (var i in allDatas) { var item = allDatas[i]; if (item.id != deldeid) { newallData.push(item); } } console.log(newallData) wx.showModal({ 'content'
: '確認刪除該地址資訊嗎?', 'cancelColor': '#0076FF', 'confirmColor': '#0076FF', success: function (res) { if (res.confirm) { console.log('使用者點選確定') let url = getApp().Api_url + '/receiver/delete'; requestd._post(url, { receiverId: e.currentTarget.dataset.id }, function
(res2)
{ console.log(res2); if( res2.data.status == 1 ){ that.setData({ allData: newallData }); }else{ wx.showModal({ 'showCancel': false, 'content': res2.data.message, 'confirmColor': '#0076FF' }) } }, function (res2) { }) } else if (res.cancel) { console.log('使用者點選取消') } } }) }