嵌入html页面关闭活字格弹出页

登录

首先我创建了一个活字格列表页面，
点击编辑按钮后弹出窗口页面通过html嵌入控件绑定，
当我点击我自己编写的按钮后如何关闭当前活字格的弹出页

Shawn.Liu · Shawn.Liu

本帖最后由 Shawn.Liu 于 2023-9-14 17:04 编辑

大佬，这里的保存按钮是在嵌入的HTML页面对吗，如果需要和活字格交互可以参考下方的教程

帮你打开活字格更神奇的功能：四十五，集成自定义HTML页面（上）
https://gcdn.grapecity.com.cn/showtopic-50576-1-1.html
(出处: 葡萄城开发者社区)

帮你打开活字格更神奇的功能：五十，集成自定义HTML页面（下）
https://gcdn.grapecity.com.cn/showtopic-51362-1-1.html
(出处: 葡萄城开发者社区)

晚舒 · 晚舒

Shawn.Liu 发表于 2023-9-14 16:53
大佬，这里的保存按钮是在嵌入的HTML页面对吗，如果需要和活字格交互可以参考下方的教程

帮你打开活字格 ...

没有效果啊大佬

晚舒 · 晚舒

Shawn.Liu 发表于 2023-9-14 16:53
大佬，这里的保存按钮是在嵌入的HTML页面对吗，如果需要和活字格交互可以参考下方的教程

帮你打开活字格 ...

没有效果

Shawn.Liu · Shawn.Liu

晚舒发表于 2023-9-14 17:11
没有效果

您可以下载帖子中的demo运行，这边使用9版本实测有效，可以检查一下，比如js代码是否一致，活字格的弹出页面是否有button名称的按钮单元格，设置其命令为关闭弹出页面

晚舒 · 晚舒

Shawn.Liu 发表于 2023-9-14 17:43
您可以下载帖子中的demo运行，这边使用9版本实测有效，可以检查一下，比如js代码是否一致，活字格的弹出 ...

我真不明白了写的一摸一样为什么执行不了

Shawn.Liu · Shawn.Liu

好的，那您再参考下下面的截图和附件；

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
Forguncy = window.parent.Forguncy;
$ = window.parent.$;
function executeCommand(){
console.log("executeCommand...")
$("[fgcname='button'] button").click();
}
</script>
</head>
<body>
<input type="button" onclick="executeCommand()" value="保存"/>
</body>
</html>

复制代码

晚舒 · 晚舒

Shawn.Liu 发表于 2023-9-15 09:21
好的，那您再参考下下面的截图和附件；

我想我这个问题应该是跨域跨域问题怎么解决

Shawn.Liu · Shawn.Liu

已联系客户，这边找一下帖子下面的教程，有结果后回复

Shawn.Liu · Shawn.Liu

这边帖子中的简书文章无法访问，这边在网上查找了下面的方法可以参考下，您也可以自己查找一下。

当iframe的内外页面不在同一个域时，由于浏览器的同源策略（Same-Origin Policy），它们之间的JavaScript对象无法直接互相访问和调用。这是为了安全起见，防止恶意脚本对其他域的页面进行未经授权的操作。

为了实现iframe内外通信，我们可以使用postMessage方法。这个方法允许跨源的iframe、窗口、标签页等之间安全地传递消息。

下面是一个简单的示例，演示了如何使用postMessage在iframe内外进行通信：

父窗口代码：

<!DOCTYPE html>
<html>
<head>
<title>Parent Window</title>
<script>
function sendMessageToIframe() {
var iframe = document.getElementById('myIframe');
iframe.contentWindow.postMessage('Hello from parent window!', '*');
}
</script>
</head>
<body>
<button onclick="sendMessageToIframe()">Send Message to Iframe</button>
<iframe id="myIframe" src="http://example.com/child.html" style="height: 200px; width: 300px;"></iframe>
</body>
</html>

复制代码

子窗口代码（iframe内的页面）：

<!DOCTYPE html>
<html>
<head>
<title>Child Window</title>
<script>
window.addEventListener('message', function(event) {
if (event.origin !== 'http://yourdomain.com') return; // 确保消息来自可信的源
if (event.data === 'Hello from parent window!') {
// 处理接收到的消息
console.log('Received message from parent window:', event.data);
}
}, false);
</script>
</head>
<body>
<h1>This is the child window</h1>
</body>
</html>

复制代码

在这个示例中，父窗口中的按钮点击事件会触发sendMessageToIframe函数，该函数使用postMessage方法向iframe发送消息。iframe内的页面通过监听message事件，接收并处理来自父窗口的消息。需要注意的是，在子窗口中我们需要检查消息的来源，以确保它来自可信的源，以防止恶意脚本的攻击。

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

[处理中] 嵌入html页面关闭活字格弹出页

10 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源