小程序实现列表删除功能


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 new关键字的玄机 以及其它
Aug 25 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
js实现a标签超链接提交form表单的方法
Jun 24 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
Nov 22 Javascript
开启BootStrap学习之旅
May 04 Javascript
jQuery实现立体式数字动态增加(animate方法)
Dec 21 Javascript
thinkjs之页面跳转同步异步操作
Feb 05 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 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源代码数组统计count分析
2011/08/02 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
PHP守护进程化在C和PHP环境下的实现
2017/11/21 PHP
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
解决jquery的.animate()函数在IE6下的问题
2010/12/03 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
超精准的javascript验证身份证号的具体实现方法
2015/11/18 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
基于JavaScript实现表格隔行换色
2020/05/08 Javascript
Python中的模块和包概念介绍
2015/04/13 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
回调函数的意义以及python实现实例
2017/06/20 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
python requests post多层字典的方法
2018/12/27 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
python中xlrd模块的使用详解
2021/02/01 Python
毕业生自我推荐
2013/11/04 职场文书
出纳岗位职责模板
2013/11/27 职场文书
大学毕业后的十年规划
2014/01/07 职场文书
女方回门宴答谢词
2014/01/14 职场文书
校园演讲稿汇总
2014/05/21 职场文书
计算机毕业生求职信
2014/06/10 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
2014年终个人总结报告
2015/03/09 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
活动总结模板大全
2015/05/11 职场文书
python turtle绘图命令及案例
2021/11/23 Python