zoukankan      html  css  js  c++  java
  • wx: wx.showModal 回调函数中调用自定义方法

    一、在回调函数中调用自定义方法:

    回调函数中不能直接使用this,需要在外面定义 var that = this 然后 that.自定义的方法。如下:

      //删除
      onDelete: function (e) {
        var that = this;
        wx.showModal({
          title: '提示',
          content: '确定要删除?',
          success: function (res) {
            if (res.confirm) {
              that.onEdit(e);
            }
          }
        })
      },
      //编辑
      onEdit: function (e) {
        console.log('编辑');
      },

    二、详解弹框wx.showToast、wx.showModal、wx.showActionSheet,modal控件解释及input输入框值的获取

    (1)、wx.showToast

      wx.showToast({
        title: '失败',//提示文字
        duration: 2000,//显示时长
        mask: true,//是否显示透明蒙层,防止触摸穿透,默认:false  
        icon: 'success', //图标,支持"success"、"loading"  
        success: function () { },//接口调用成功
        fail: function () { },  //接口调用失败的回调函数  
        complete: function () { } //接口调用结束的回调函数  
      })

    (2)、wx.showModal

      wx.showModal({
        title: '删除图片',
        content: '确定要删除该图片?',
        showCancel: true,//是否显示取消按钮
        cancelText: "",//默认是“取消”
        cancelColor: 'skyblue',//取消文字的颜色
        confirmText: "",//默认是“确定”
        confirmColor: 'skyblue',//确定文字的颜色
        success: function (res) {
          if (res.cancel) {
            //点击取消,默认隐藏弹框
          } else {
            //点击确定
            temp.splice(index, 1),
              that.setData({
                tempFilePaths: temp,
              })
          }
        },
        fail: function (res) { },//接口调用失败的回调函数
        complete: function (res) { },//接口调用结束的回调函数(调用成功、失败都会执行)
      })

    (3)、wx.showActionSheet

      wx.showActionSheet({
        itemList: ['列1', '列2', '列3'],//显示的列表项
        success: function (res) {//res.tapIndex点击的列表项
          console.log("点击了列表项:" + that[res.tapIndex])
        },
        fail: function (res) { },
        complete: function (res) { }
      })
  • 相关阅读:
    [ACM] hdu 1166 敌兵布阵 (线段树,单点更新)
    [ACM] poj 1182 食物链(并查集)
    [ACM] hdu 1272 小希的迷宫(并查集)
    [ACM] hdu 1198 Farm Irrigation (看图枚举+并查集)
    [ACM] 携程预赛第二场 剪刀石头布(并查集)
    [ACM] hdu 1241 Oil Deposits(DFS)
    Jerry Mouse
    [2010山东ACM省赛] Balloons(搜索)
    java作业不能运行
    sql 语句
  • 原文地址:https://www.cnblogs.com/xubao/p/12151687.html
Copyright © 2011-2022 走看看