使用PopPicker弹出自定义面板的过程中,在点击面板上的取消按钮或空白处时,无法执行额外的操作。官网上没有具体的实现,折腾了半天,发现在show()方法中自定义取消事件的回调函数可以解决这个问题,解决方法记录在下方,方便以后查看。

  1.修改mui.poppicker.js,在show()方法中新增第二个参数cancelCB,给self对象新增属性cancelCB。

  show: function(callback, cancelCB) {//cancelCB为函数

    ...
    self.cancelCB = cancelCB;
    ...
  }

  2.修改mui.poppicker.js,在hide()方法中添加调用cancelCB方法。

  hide: function() {

   ...

   if(self.cancelCB) { // 添加判断,兼容不传第二个参数的情况
     self.cancelCB();
   }

   ...

  }

  3.正常调用show()方法。

  

  

转载于:https://www.cnblogs.com/hmrybk/p/10930746.html

mui PopPicker面板关闭后的回调函数相关推荐

  1. html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...

    本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...

  2. 微信分享到朋友圈onMenuShareTimeline成功后的回调函数在某系ios手机下不执行的问题...

    以下代码放入success内,setTimeout(function(){ //回调要执行的代码 }, 500); 转载于:https://www.cnblogs.com/liyuchen/p/903 ...

  3. javascript之异步操作理解---回调函数,async,await以及promise对象

    javascript之异步操作理解---回调函数,async,await以及promise对象 概述 概述 写在前面:虽然平时做项目,但是发现自己写的代码还是很烂.最近接触了一个对性能要求比较高的项目 ...

  4. 【转】JS回调函数--简单易懂有实例

    JS回调函数--简单易懂有实例 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is ...

  5. 理解javascript 回调函数

    理解javascript 回调函数 原文:理解javascript 回调函数 ##回调函数定义 百度百科:回调函数 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一 ...

  6. java如何构造ajax回调参数,jQuery实现ajax回调函数带入参数的方法示例

    本文实例讲述了jQuery实现ajax回调函数带入参数的方法.分享给大家供大家参考,具体如下: 不带参数的写法: function pass(htmlId,auditingFlag){ var url ...

  7. jquery form 的beforeSubmit提交前的回调函数

    ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数,当为单个参数时,该参数可以是一个回调函数,也可以是一个options对象.以下是一个options对象. var option ...

  8. 回调函数自定义传参_10分钟教你手写8个常用的自定义hooks

    作者言写在文章开头的话 Hook 是 React 16.8 的新增特性.它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性.本文是一篇以实战为主的文章,主要讲解实际 ...

  9. linux callback函数,C++回调函数(callback)的使用

    什么是回调函数(callback) 模块A有一个函数foo,它向模块B传递foo的地址,然后在B里面发生某种事件(event)时,通过从A里面传递过来的foo的地址调用foo,通知A发生了什么事情,让 ...

最新文章

  1. python打开-Python中的打开文件对话框(转)
  2. linux select 多路复用机制
  3. 【物联网】 Yeelink开发平台注册
  4. 央视-腾讯发布报告:九成受访者认为AI 距离自己并不遥远
  5. Unity 之 如何删除Unity项目里面没用的东西??
  6. 【安全-相关】kerberos hadoop Login failure for hadoop/localhost@YOUNG.COM from keytab
  7. Exchange 日常管理之二:设置邮件转发
  8. jax-ws 实现webservice
  9. linux上验证cudnn是否安装成功_Ubuntu 18.04安装CUDA(版本10.2)和cuDNN
  10. Jmail组件在C#中发送邮件代码:
  11. Git/mercurial...版本控制分支曲线图解析
  12. nagios 飞信通知
  13. select2.js插件支持拼音搜索(最新版-4.0.6)
  14. Java与Python学习通法(1)和(2)序言和编程语言发展史怎么学
  15. mysql dump hbase_导入mysqldump表结构
  16. AliOS-Things开发入门
  17. SpringBoot 轻松搞定数据验证 (三)
  18. D1net阅闻:亚马逊引入Biba的员工和专利,据称计划推出新的视频聊天服务
  19. matlab常用指令
  20. scrapy学习笔记——HTML页面解析

热门文章

  1. Oracle 甩手 Java EE,Eclipse 基金会成新东家
  2. 2008服务器网站设置密码,win2008服务器设置密码
  3. 计算机教学研讨会议记录,教学教研工作会议记录3.doc
  4. fullcalendar 上下月翻动事件_用期权做事件套利的黄金法则
  5. 看完豁然开朗!mysql集群搭建linux
  6. java关闭通道_调用map方法后,Java 7文件通道未正确关闭
  7. python两大特性与四大语法_Day 1:Python 两大特性和四大基本语法
  8. pycharm写python字典_pycharm_字典
  9. php文字下划线,css如何设置字体下划线
  10. HTML中input是啥意思,HTML中input是什么意思