小程序实现列表删除功能


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判断变量是否有值的方法
Apr 20 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
JavaScript中Form表单技术汇总(推荐)
Jun 26 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
简单实现jquery焦点图
Dec 12 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
node跨域转发 express+http-proxy-middleware的使用
May 31 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
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
Protoss建筑一览
2020/03/14 星际争霸
用PHP制作静态网站的模板框架(二)
2006/10/09 PHP
destoon调用自定义模板及样式的公告栏
2014/06/21 PHP
php实现微信发红包功能
2018/07/13 PHP
PHP7移除的扩展和SAPI
2021/03/09 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
几个javascript操作word的参考代码
2009/10/26 Javascript
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
vue组件jsx语法的具体使用
2018/05/21 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
python实现自动发送邮件发送多人、群发、多附件的示例
2018/01/23 Python
Python实现的视频播放器功能完整示例
2018/02/01 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
python3的输入方式及多组输入方法
2018/10/17 Python
使用pandas读取文件的实现
2019/07/31 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
四年的大学生生活自我评价
2013/12/09 职场文书
好矿嫂事迹材料
2014/01/21 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
《秋游》教学反思
2014/04/24 职场文书
音乐学专业求职信
2014/07/22 职场文书
政协调研汇报材料
2014/08/15 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server