小程序实现列表删除功能


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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
js编写三级联动简单案例
Dec 21 Javascript
javascript数据结构之串的概念与用法分析
Apr 12 Javascript
vue组件生命周期详解
Nov 07 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
解决vue中虚拟dom,无法实时更新的问题
Sep 15 Javascript
JS实现秒杀倒计时特效
Jan 02 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在XP下IIS和Apache2服务器上的安装
2006/09/05 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
python获取网页状态码示例
2014/03/30 Python
Python动态加载模块的3种方法
2014/11/22 Python
代码详解django中数据库设置
2019/01/28 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
Python列表操作方法详解
2020/02/09 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
德国机车企业:FC-Moto
2017/10/27 全球购物
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
初一体育教学反思
2014/01/29 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
小学优秀教师材料
2014/12/15 职场文书
大学生党员个人总结
2015/02/13 职场文书
python中print格式化输出的问题
2021/04/16 Python
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL