小程序实现列表删除功能


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 相关文章推荐
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
JavaScript常用验证函数实例汇总
Nov 25 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
JS实现生成由字母与数字组合的随机字符串功能详解
May 25 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 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函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
php组合排序简单实现方法
2016/10/15 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
2014/11/12 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
2016/03/30 Javascript
微信小程序 教程之条件渲染
2016/10/18 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
JavaScript实现的搜索及高亮显示功能示例
2017/08/14 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
Tornado 多进程实现分析详解
2018/01/12 Python
Python连接字符串过程详解
2020/01/06 Python
Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式
2020/05/25 Python
python 批量将中文名转换为拼音
2021/02/07 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
HTML5基于flash实现播放RTMP协议视频的示例代码
2020/12/04 HTML / CSS
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
商务英语本科生的自我评价分享
2013/11/15 职场文书
公司演讲稿开场白
2014/08/25 职场文书
户籍证明书标准模板
2014/09/10 职场文书
单位委托书怎么写
2014/09/21 职场文书
科学发展观标语
2014/10/08 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
排查MySQL生产环境索引没有效果
2022/04/11 MySQL