processAfterAdvance

aleiliuwei1234 · 发表于 2017-7-16 09:30:50

如何在w页面发送消息通信

想在processAfterAdvance 后发送消息给主页面，
然后在主页面接受  命令

Model.prototype.processAfterAdvance = function(event){

window.addEventListener('message',function(e){
var command = "close";
window.parent.postMessage(command,'*');
},false);

};

Model.prototype.modelLoad = function(event){
window.addEventListener('message',function(e){
            if(e.source!=window.parent) return;
            window.parent.postMessage(command,'*');
      },false);
};

web项目页面

window.addEventListener("message",function(e){
        var command = e.data;
        //alert(command);
        if(command=='close'){
        if(f!=null){
        f.destory();
        }
        }
        },false);

<%--增加按钮--%>
      function add2(){
        f = mini.open({
            url: "${pageContext.request.contextPath}/insideUser/x5",
            title: "添加用户", width: 1000, height:600,
            onload: function () {
                  var iframe = this.getIFrameEl();
                  var  iw = t1.contentWindow;
            iw.postMessage('send', 'http://localhost:8080/x5/');
            },
            ondestroy: function () {
                  grid.reload();
            }
         });

      }

想实现

aleiliuwei1234 · 发表于 2017-7-16 09:37:04

想实现如图，点击增加，增加打开的是一个流程的w页面，流转之后，关闭，想使用postmessage通信去关闭，总是不执行。但是我自己写了小例子，放在runtime的uiserver下可以成功，w中这么用不成功呢。

a.html
<!DOCTYPE html>
<html>
<head>
<title>Post Message</title>
</head>
<body>
<div style="width:200px; float:left; margin-right:200px;border:solid 1px #333;">
      <div id="color">Frame Color</div>
</div>
<div>
      <iframe id="child" src="http://localhost:8080/x5/lsLib.html"></iframe>
</div>

<script type="text/javascript">

      window.onload=function(){
         window.frames[0].postMessage('getcolor','http://localhost:8080/x5');
      }

      window.addEventListener('message',function(e){
         var color=e.data;
         document.getElementById('color').style.backgroundColor=color;
      },false);
</script>
</body>
</html>

lsLib.html

<!doctype html>
<html>
<head>
      <style type="text/css">
         html,body{
            height:100%;
            margin:0px;
         }
      </style>
</head>
<body style="height:100%;">
      <div id="container" style="widht:100%; height:100%; background-color:rgb(204, 102, 0);">
         click to change color
      </div>
      <script type="text/javascript">
         var container=document.getElementById('container');

         window.addEventListener('message',function(e){
            if(e.source!=window.parent) return;
            var color=container.style.backgroundColor;
            window.parent.postMessage(color,'*');
         },false);

         function changeColor () {
            var color=container.style.backgroundColor;
            if(color=='rgb(204, 102, 0)'){
                  color='rgb(204, 204, 0)';
            }else{
                  color='rgb(204,102,0)';
            }
            container.style.backgroundColor=color;
            window.parent.postMessage(color,'*');
         }
      </script>
</body>
</html>

能给我知道下如何关闭那个流转完的页面吗？就是想法是这两个页面通信，web项目得到通信命令关闭就销毁那个窗口，f是打开的w流程页面的ifame
window.addEventListener("message",function(e){
        var command = e.data;
        alert(command);
        if(command=='close'){
        if(f!=null){
        f.destory();
        }
        }
        },false);

这个没有执行

jishuang · 发表于 2017-7-17 10:09:58

流转页面是windowDialog打开的？
windowDialog的关闭，可以调用windowDialog的close方法
或者用WindowReceiver组件上的方法

aleiliuwei1234 · 发表于 2017-7-17 10:46:27

jishuang 发表于 2017-7-17 10:09
流转页面是windowDialog打开的？
windowDialog的关闭，可以调用windowDialog的close方法
或者用WindowRecei ...

该方法我用过了，但是不行，因为是web框架打开的w页面，这样关闭，框架页里面是一片空白，没有真正的关闭，没法也跟着关闭，所以才要使用通信，在web端将其关闭

jishuang · 发表于 2017-7-17 11:10:07

web框架打开的w页面在第三方的页面中嵌入的平台的.w吗？
.w中有通过windowDialog打开的流转页面，然后要在windowDialog打开的页面跟自己的web页面通信？

aleiliuwei1234 · 发表于 2017-7-17 11:17:12

jishuang 发表于 2017-7-17 11:10
web框架打开的w页面在第三方的页面中嵌入的平台的.w吗？
.w中有通过windowDialog打开的流转页面，然后要在w ...

其实就是miniui和流程集成的问题，集成的w流程如果关闭的话，open的页面不会关闭，所以想起来使用html通信，这边w页面操作完毕发送信息给web系统，web系统可以关闭打开的open页面，如果在w页面关闭的话，open的页面会变成空白，但是弹出框并没有关闭

jishuang · 发表于 2017-7-17 13:19:32

把具体的问题详细的描述一下，集成的w流程如果关闭的话，open的页面不会关闭什么意思？
具体是要关闭.w还是关闭.w打开的winDialog？

		自动登录	找回密码
密码			注册

[结贴] processAfterAdvance