小程序实现列表删除功能


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 相关文章推荐
基于Asp.net与Javascript控制的日期控件
May 22 Javascript
一个js拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
jQuery的bind()方法使用详解
Jul 15 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
js学习阶段总结(必看篇)
Jun 16 Javascript
JavaScript中自带的 reduce()方法使用示例详解
Aug 10 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
node.js的http.createServer过程深入解析
Jun 06 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
PHP+MySQL5.0中文乱码解决方法
2006/11/20 PHP
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
jValidate 基于jQuery的表单验证插件
2009/12/12 Javascript
jQuery学习笔记之Helloworld
2010/12/22 Javascript
mailto的使用技巧分享
2012/12/21 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
Python中pygame的mouse鼠标事件用法实例
2015/11/11 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
python创建学生成绩管理系统
2019/11/22 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
python之语音识别speech模块
2020/09/09 Python
python代码实现猜拳小游戏
2020/11/30 Python
软件测试面试题
2014/01/05 面试题
合作投资意向书
2014/04/01 职场文书
装修协议书范本
2014/04/21 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
英语教师求职信
2014/06/16 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
中秋晚会致辞
2015/07/31 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers