1. 程式人生 > >MUI關於父子頁面互動之,子頁面呼叫父頁面的方法實現一些功能

MUI關於父子頁面互動之,子頁面呼叫父頁面的方法實現一些功能

業務場景是這樣的

需要在子頁面回到父頁面後觸發父頁面的自定義事件

我這裡是需要實現一個重新開啟這個子頁面

這裡是父頁面初始化操作之後定義的自定義事件
    window.addEventListener('reTest',function(){
                var baseul = document.getElementById('guaceBtn');
                mui.trigger(baseul, 'touchstart');
                mui.trigger(baseul, 'tap');
            });

這裡需要說一個點,很多人不知道mui框架裡怎麼用程式碼控制模擬點選一個按鈕來觸發一個事件

是這樣:
    var baseul = document.getElementById('selectDom');
                mui.trigger(baseul, 'touchstart');
                mui.trigger(baseul, 'tap');
先進行touchstart操作,再tap就可以了

子頁面的觸發:

back();//回到父頁面
    var parentPage = plus.webview.getWebviewById('work_replyuniversal.html');
    mui.fire(parentPage,'reTest');

這樣就可以實現:在子頁面回到父頁面後觸發父頁面的自定義事件!