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