小程序?qū)崿F(xiàn)列表刪除功能
更新時間：2018年10月30日 10:23:26 作者：紫雪璇雨
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)列表刪除功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了小程序列表刪除功能的具體代碼，供大家參考，具體內(nèi)容如下
- 地址簿刪除，先獲取當前地址部分的id值，根據(jù)id值來刪除對應(yīng)的地址部分。
- 獲取全部的地址信息，定義一個空的數(shù)組newallData，用來放置新的地址信息。
- 在全部地址信息中刪除選中的id的地址信息，生成新的地址信息放入定義的空數(shù)組中。
- 現(xiàn)在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('用戶點擊取消')
}
}
})
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在使用原生框架開發(fā)小程序時遇到一個問題，在 app.wxss 中定義的全局樣式在自定義組件中不生效，本文就詳細的介紹一下，感興趣的可以了解一下2021-08-08
深入淺出JS的Object.defineProperty()
這篇文章主要介紹了深入淺出JS的Object.defineProperty()，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下2022-06-06
BootStrap智能表單實戰(zhàn)系列(七)驗證的支持
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(七)驗證的支持 ,凡是涉及到用戶編輯信息然后保存的頁面，都涉及到一個數(shù)據(jù)是否符合要求的檢查，需要客服端和服務(wù)器端的校驗的問題，本文介紹非常詳細，具有參考價值，需要的朋友可以參考下2016-06-06
不是效率的問題 是 內(nèi)存碎片的問題 用數(shù)組速度比“+”要慢 只是內(nèi)存占的少和內(nèi)存碎片少一些，現(xiàn)在根本不推薦用數(shù)組來處理了。2010-12-12
本篇文章主要介紹了深入理解JavaScript 參數(shù)按值傳遞，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要為大家詳細介紹了微信小程序時間標簽和時間范圍的聯(lián)動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要介紹了基于JS實現(xiàn)模仿windows文件按名稱排序的相關(guān)資料,主要是對數(shù)字的處理操作，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
javascript StringBuilder類實現(xiàn)
一個簡單的StringBuilder類實現(xiàn)2008-12-12
uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應(yīng)的uni.$on就會監(jiān)聽到事件觸發(fā),在回調(diào)中去執(zhí)行相關(guān)的邏輯,下面這篇文章主要給大家介紹了關(guān)于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關(guān)資料,需要的朋友可以參考下2023-04-04
JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復(fù)選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下2015-07-07