小程式列表刪除功能
阿新 • • 發佈:2018-12-31
- 地址簿刪除,先獲取當前地址部分的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('使用者點選取消')
}
}
})
}