WeX5--頁面生命週期和交互

參考這篇文章
先上一張圖：

頁面交互和參數傳遞，官網一篇文章講得比較徹底, 各種情況都提到了，不管是頁面之間，還是頁面和對話框之間，其實傳遞和接收參數的原理都是一樣，這裏錄一段代碼：

傳遞參數
var url = require.toUrl('./page2.w?p1=p1Value&p2=p2Value');
        var params = {
            a1: 'a1Value',
            a2: 2,
            data: {
                d1: 'd1Value',
                d2: 'd2Value'
            }
        }
        justep.Shell.showPage(url, params)

接收參數

Model.prototype.modelParamsReceive = function(event){
        var context = this.getContext();

        //獲取URL中的參數
        var p1 = context.getRequestParameter('p1');
        var p2 = context.getRequestParameter('p2');
        var buf = '來自url的參數: p1=' + p1 + ', p2=' + p2 + '\n';

        //獲取簡單參數
        buf += '簡單參數：params.a1=' + event.params.a1 + ', params.a2=' + event.params.a2 + '\n';

        //獲取複雜參數
        buf += '複雜參數：\n'
        if (event.params.data){
            buf += '    params.data.d1=' + event.params.data.d1 + '\n';
            buf += '    params.data.d2=' + event.params.data.d2 + '\n';
        }
        alert(buf);
    };

 在其他方法裏面也可以獲取參數

Model.prototype.button1Click = function(event){
        var context = this.getContext();

        //獲取URL中的參數
        var p1 = context.getRequestParameter('p1');
        var p2 = context.getRequestParameter('p2');
        var buf = '來自url的參數: p1=' + p1 + ', p2=' + p2 + '\n';

        //獲取簡單參數
        buf += '簡單參數：params.a1=' + this.params.a1 + ', params.a2=' + this.params.a2 + '\n';

        //獲取複雜參數
        buf += '複雜參數：\n'
        if (this.params.data){
            buf += '    params.data.d1=' + this.params.data.d1 + '\n';
            buf += '    params.data.d2=' + this.params.data.d2 + '\n';
        }
        alert(buf);
    };