如何在 G Web Development Software中显示 PDF 文件

确保所需的 PDF 可在线获取，并且可以通过浏览器访问。本文将使用SCXI-1129 用户手册作为所需的 PDF。
在面板中，从Text面板放置一个字符串控件。将其重命名为URL 。
从Decoration面板放置一个HTML Container。
右键单击并选择 Create reference 。
将Static Control Reference（HTML Container）放入图表中，位于 While 循环之外。
将Obtain JavaScript Reference放置在Static Control Reference （HTML Container）旁边，并将它们连接起来。

启动文本编辑器并将以下代码保存为iframe.js 。此代码负责创建 iframe 并将其附加到 HTML container 中，并根据插入 URL 字符串控件的链接更新 iframe 源。

(function () {
    'use strict';
    
    window.addIframe = function(container){
    var iframe = document.createElement("iframe");
    iframe.setAttribute("id", "iframe_id")；
    iframe.height = "100%";
    iframe.width = "100%";
    container.appendChild(iframe);
    }
    
    window.insertURL = function(url){
    document.getElementById("iframe_id").src = url;
    }
    
}());

右键单击WebApp.gcomp并选择Import files，导入iframe.js。
右键点击WebApp.gcomp并选择New>>JavaScript Library Interface。将其命名为Library.jsli 。
将以下代码插入HTML script and link dependencies。
```
<script src="iframe.js"></script>
```
插入addIframe作为 Javascript Global 的值并单击Add function。
添加新的 JavaScript 引用参数
1. 单击Add Parameter。
2. 突出显示新创建的参数并展开右侧的项目窗格。
3. 在 Item 窗格中，将参数的数据类型配置为JS Reference 。
4. 将其重命名为container。
插入insertURL作为 Javascript Global 的值并单击Add function。
添加新的 JavaScript 引用参数
1. 单击Add Parameter。
2. 突出显示新创建的参数并展开右侧的项目窗格。
3. 在 Item 窗格中，将参数的数据类型配置为String 。
4. 将其重命名为url 。
在index.gviweb图中，拖放addIframe 来自Project Items>>Software>>WebApp>>Library。
将addIframe的container输入与从Obtain JavaScript Reference中得到的 Javascript 引用连接起来。
将error out从 addIframe 连接到 while 循环。
在while循环中，插入一个用于URL字符串控件的值改变事件的事件结构。
在URL的值改变事件中，将URL字符串控件连接到位于Project Items>>Software>>WebApp>>Library的insertURL。
它已准备好运行。PDF 将显示在 HTML container所在的位置。

如何在 G Web Development Software中显示 PDF 文件

环境

软件

相关链接

其他支持选项

询问NI社区

请求工程师的支持

Was this information helpful?