最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

小程序实现列表删除功能

来源:动视网 责编:小OO 时间:2020-11-27 22:05:47
文档

小程序实现列表删除功能

本文实例为大家分享了小程序列表删除功能的具体代码,供大家参考,具体内容如下 地址簿删除,先获取当前地址部分的id值,根据id值来删除对应的地址部分。获取全部的地址信息,定义一个空的数组newallData,用来放置新的地址信息。在全部地址信息中删除选中的id的地址信息,生成新的地址信息放入定义的空数组中。现在newallData就是删除选中地址信息以后剩下的地址信息,在newallData中的信息渲染在页面。wml文件。<。-- 删除 -->;<;view class="delete" bindtap="deleteaddress" data-id="{{ item.id }}">;删除<;/view>。js文件。
推荐度:
导读本文实例为大家分享了小程序列表删除功能的具体代码,供大家参考,具体内容如下 地址簿删除,先获取当前地址部分的id值,根据id值来删除对应的地址部分。获取全部的地址信息,定义一个空的数组newallData,用来放置新的地址信息。在全部地址信息中删除选中的id的地址信息,生成新的地址信息放入定义的空数组中。现在newallData就是删除选中地址信息以后剩下的地址信息,在newallData中的信息渲染在页面。wml文件。<。-- 删除 -->;<;view class="delete" bindtap="deleteaddress" data-id="{{ item.id }}">;删除<;/view>。js文件。


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

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

    文档

    小程序实现列表删除功能

    本文实例为大家分享了小程序列表删除功能的具体代码,供大家参考,具体内容如下 地址簿删除,先获取当前地址部分的id值,根据id值来删除对应的地址部分。获取全部的地址信息,定义一个空的数组newallData,用来放置新的地址信息。在全部地址信息中删除选中的id的地址信息,生成新的地址信息放入定义的空数组中。现在newallData就是删除选中地址信息以后剩下的地址信息,在newallData中的信息渲染在页面。wml文件。<。-- 删除 -->;<;view class="delete" bindtap="deleteaddress" data-id="{{ item.id }}">;删除<;/view>。js文件。
    推荐度:
    标签: 删除 小程序 功能
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top