金蝶云星空系统与嵌套网页进行交互实现详解

[概述]

嵌套网页与金蝶云星空进行数据交互,例如:在被嵌套网页中,点击一个按钮,需要把数据发送到金蝶云星空系统当中,并且,星空系统接收发过来的数据,同时会触发表单插件事件。

[操作步骤]

一、实现场景的前准备

1、嵌套的网页需利用星空系统的嵌套原理实现方法,进行表单开发并且成功嵌套网页,详细请参照文章:https://vip.kingdee.com/article/13073,该原理是利用kdwebborwser控件在表单中实现嵌套网页,才能进行成功触发当前表单插件

2、如嵌套网页初始打开时,需要星空系统的一些数据,可以在第一点中介绍的表单插件中设置source时,将数据通过url地址参数进行传入(简单实现即可),如嵌套打开网址:http://......../...../?pageid=xxxx&formid=xxxx...

二、实现嵌套网页发送数据至星空系统表单样例

嵌套网页中实现脚本:

1、嵌套网页中需实现定义当前浏览器的postmessage机制(可查资料),简单实现脚本实例:

<script";

(function () {

var _formatOrigin = (function () {

var _reg = /^([\w]+?:\/\/.*?(?=\/|$))/i;

return function (_origin) {

_origin = _origin || '';

if (_reg.test(_origin)) {

return RegExp.$1;

}

return '*';

};

})();

var _$postMessage = function (r, data) {

var e = window.name || _parent,

t = { _top: window.top, _self: window, _parent: window.parent };

r = t[r];

if (!r)

return;

var a = { data: null, origin: *, source: r };

r.postMessage(JSON.stringify(data), _formatOrigin(*));

};

window._$postMessage = _$postMessage;

})();

</script";

2、如:页面绑定一个按钮点击事件:

<script";

$(document).ready(function () {

$(#Button1).bind('click', function () {

var n = {};

n.pageid = 1222232323; //pageid必须要携带数据,用于星空识别触发单据的表单插件,来源可参考2.2

n.putdata = {};//自定义数据对象

n.putdata.title = 测试;