专栏首页编程微刊小程序循环列表删除当前选中列表的方法

小程序循环列表删除当前选中列表的方法

需求:点击解绑按钮的时候,会删除当前所点击的列表. 点击试驾按钮的时候,左侧的图标会变成按钮一样的颜色。

代码片段: 删除和试驾的方法

wxml:

<view class="inner del">
          <span class="draw" data-index="{{index}}" data-name="{{item.carNum}}" bindtap="tryDriver" >试驾</span>
          <span class="delete" data-name="{{item.carNum}}" bindtap="unBind">解绑</span>
 </view>

js:

 //点击删除
  unBind: function(e) {
    var that = this;
    console.log(e.currentTarget.dataset.name)
    //获取列表中要删除项的下标
    wx.showModal({
      title: '提示',
      content: '是否确认解绑',
      success(res) {
        if (res.confirm) {
          //解绑
          wx.request({
            url: app.globalData.root +"car/unBind.do",
            data: {
              "openid": app.globalData.openid,
              "carNum": e.currentTarget.dataset.name
            },
            method: 'GET',
            header: {
              'Content-type': 'application/json'
            },
            success: function(res) {
              that.getCars(app.globalData.openid);
            }
          });
        }
      }
    })

  },
  //点击试驾
  tryDriver: function(e) {
    var that = this;
    var index = e.currentTarget.dataset.index;
    var list = that.data.carList;
    if (list[index].state == 5)
      return;

    wx.showModal({
      title: '提示',
      content: '是否确认试驾',
      success(res) {
        if (res.confirm) {
          //试驾
          wx.request({
            url: app.globalData.root +"car/driver.do",
            data: {
              "openid": app.globalData.openid,
              "carNum": e.currentTarget.dataset.name
            },
            method: 'GET',
            header: {
              'Content-type': 'application/json'
            },
            success: function(res) {
              if(res.data == 0){
                wx.showToast({
                  title: '车辆维修尚未结束、不可试驾',
                  icon: 'none',
                })
                return;
              }
              //切换图标
              for (var ix in list) {
                if (ix == index)
                  list[ix].state = 5;
              }
              //更新列表的状态
              that.setData({ 
                carList: list
              });
            }
          });
        }
      }
    })
  }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • hcharts实现堆叠柱形图

    祈澈菇凉
  • ztree取消节点操作

    但是在Ztree的组件里面,我们看到的勾选框并不是checkbox完成,而是使用了图片精灵,选中和未选中的状态里面是一张背景图片里面不同的定位~

    祈澈菇凉
  • wangEditor - 轻量级web富文本编辑器(可带图片上传)

    通过后台编辑文章和图片,上传到前端界面,展示新闻消息模块。这个时候,需要一款简洁的编辑器,百度编辑器是最常用的一种,但是功能太过于复杂,而wangEditor ...

    祈澈菇凉
  • WPF桌面端开发2-ItemsControl和ListBox获取点击行的索引

    ItemsControl和ListBox都可以用做列表,既然是列表,那么我们怎样获取列表点击的项呢。

    剑行者
  • 从0开始的Python学习006流程控制

    使用if语句来校验一个条件,如果条件为真(True),运行if-块,如果为假(False),运行else-块。

    Happy、Liu
  • Python的控制流

        if语句用来检验一个条件, 如果 条件为真,我们运行一块语句(称为 if-块 ), 否则 我们处理另外一块语句(称为 else-块 )。 else 从句...

    py3study
  • Python基础入门_3条件语句和迭代循环

    Python 的条件语句就是通过一条或者多条语句的执行结果(判断 True 或者 False)来决定执行的代码块。

    材ccc
  • Python基础一

    changxin7
  • Python 基本语句

    首先申明下,本文为笔者学习《Python学习手册》的笔记,并加入笔者自己的理解和归纳总结。

    py3study
  • Python基础学习

            break语句用来终止循环语句,即循环条件没有False条件或者序列还没完全递归结束,也会停止执行语句。

    py3study

扫码关注云+社区

领取腾讯云代金券