小程序实现列表删除功能


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 相关文章推荐
javascript 文档的编码问题解决
Mar 01 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
js简单的弹出框有关闭按钮
May 05 Javascript
Jquery 实现grid绑定模板
Jan 28 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
js实现select二级联动下拉菜单
Apr 17 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
基于JavaScript实现幸运抽奖页面
Jul 05 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 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
PHP读书笔记整理_结构语句详解
2016/07/01 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
2014/04/30 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
浅谈JavaScript 标准对象
2016/06/02 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
canvas实现简易的圆环进度条效果
2017/02/28 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
vuex的简单使用教程
2018/02/02 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
vue页面引入three.js实现3d动画场景操作
2020/08/10 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
python爬虫常用的模块分析
2014/08/29 Python
Python的Tornado框架异步编程入门实例
2015/04/24 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
python 实现的车牌识别项目
2021/01/25 Python
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
肯尼迪就职演说稿
2013/12/31 职场文书
社会调查研究计划书
2014/05/01 职场文书
2014年会计工作总结
2014/11/27 职场文书
计划生育个人总结
2015/03/02 职场文书
详解JS ES6编码规范
2021/05/07 Javascript
mysql 带多个条件的查询方式
2021/06/05 MySQL
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android