您的位置:首页 > 其它

wex5页面交互三种方式(对话框)

2017-11-26 16:20 316 查看
1、justep.shell

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("对话框关闭");
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: