视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
小程序实现列表删除功能
2020-11-27 22:05:47 责编:小OO
文档


本文实例为大家分享了小程序列表删除功能的具体代码,供大家参考,具体内容如下

  • 地址簿删除,先获取当前地址部分的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('用户点击取消')
     }
     }
     })
    
    }
    
    

    下载本文
    显示全文
    专题