wex5页面交互三种方式(对话框)
2017-11-26 16:20
316 查看
1、justep.shell
2、windowdialog
3、windowcontainer
备注:justep.shell关闭窗口需要用:justep.shell.closepage
代码如下:
2、windowdialog
3、windowcontainer
备注:justep.shell关闭窗口需要用:justep.shell.closepage
代码如下:
//-----------Shell.showPage相关 Model.prototype.button5Click = function(event){ //"p2"是pageMappings定义的页面标识 justep.Shell.showPage("p2"); }; Model.prototype.button6Click = function(event){ var url = require.toUrl("./page2.w"); justep.Shell.showPage(url); }; Model.prototype.button7Click = function(event){ 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) }; //----------WindowContainer相关 Model.prototype.button8Click = function(event){ var url = require.toUrl("./page3.w?p1=p1ValueNew&p2=p2NewValueNew"); var params = { a1: "a1ValueNew", a2: 20, data: { d1: "d1ValueNew", d2: "d2ValueNew" } } this.comp("windowContainer1").load(url, params); }; Model.prototype.windowContainer1Receive = function(event){ alert("接收到内嵌页面的返回数据:r1=" + event.data.r1); }; //-----------WindowDialog相关 Model.prototype.button1Click = function(event){ var dialog = this.comp("dialog"); var url = require.toUrl("./dialog.w?p1=参数1&p2=参数2"); dialog.open({ src: url, params: { a1: "简单数据a1", a2: 2, //data是特殊的参数, 这部分内容不能被分享 data: { //将一个函数传递给对话框 fn: function(){ alert("将一个函数传到对话框中"); }, //将data中的一行数据传给对话框 data1: this.comp("data1").getCurrentRow().toJson() } } }) }; Model.prototype.dialogReceive = function(event){ alert("页面接收对话框架返回的数据:" + JSON.stringify(event.data.toJson())); }; Model.prototype.dialogClose = function(event){ alert("对话框关闭"); };
相关文章推荐
- JSP页面的三种include方式
- Service Activity三种交互方式
- 一个jsp页面引入另一个jsp页面的三种方式 及静态引入和动态引入的区别
- Android中WebView的JavaScript代码和本地代码交互的三种方式
- 页面跳转三种方式
- Android中WebView的JavaScript代码和本地代码交互的三种方式
- JSP页面包含其他页面的三种方式及区别
- 【分享】WeX5的正确打开方式(1)
- 【分享】WeX5的正确打开方式(2)
- android Service Activity三种交互方式
- 注入脚本的方式弹出提示对话框(ShowMessageBox)并且定位跳转页面
- Android 三种方式实现自定义圆形页面加载中效果的进度条
- Eclipse RCP中Viewer交互的三种方式/Make your Eclipse applications richer with view linking
- 浏览器(Browser)刷新页面的三种方式
- PHP页面跳转传值的三种常见方式
- JavaScript弹出对话框的三种方式
- 页面添加锚点的三种方式
- 一个JSP页面调用另一个JSP三种方式
- iOS项目开发实战——使用三种方式实现页面跳转与参数传递(二)
- 三种方式实现自定义圆形页面加载中效果的进度条