小程序实现列表删除功能


Posted in Javascript onOctober 30, 2018

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

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

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery与ExtJS之选择实例分析
Aug 19 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
解决vue 表格table列求和的问题
Nov 06 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
JavaScript 与 TypeScript之间的联系
Nov 27 Javascript
require.js 加载过程与使用方法介绍
Oct 30 #Javascript
小程序实现左滑删除功能
Oct 30 #Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 #Javascript
小程序云开发部署攻略(图文教程)
Oct 30 #Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 #Javascript
微信小程序实现单选功能
Oct 30 #Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 #Javascript
You might like
德生1994机评
2021/03/02 无线电
如何在PHP中使用Oracle数据库(6)
2006/10/09 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
PHP常用的缓存技术汇总
2014/05/05 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
php查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
使用Python写个小监控
2016/01/27 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
Django中的forms组件实例详解
2018/11/08 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
OpenCV 轮廓检测的实现方法
2019/07/03 Python
python 实现单通道转3通道
2019/12/03 Python
Python函数基本使用原理详解
2020/03/19 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
Bose加拿大官方网站:美国知名音响品牌
2019/03/21 全球购物
婚礼司仪主持词
2014/03/14 职场文书
结婚喜宴主持词
2014/03/14 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
仲裁协议书
2014/09/26 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis
ztree+ajax实现文件树下载功能
2021/05/18 Javascript