使用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()方法。