在 G Web 开发软件中使用 JavaScript 库接口调用 JavaScript

G Web 开发软件的强大功能之一是它允许用户将 JavaScript 集成到使用 G Web 开发软件的 WebVI 创建的 Web 应用程序中。本文从头开始介绍如何使用 JavaScript 库接口 (JSLI) 将自定义 JavaScript 集成到 WebVI 中。

1. 创建一个 JavaScript 文件，其中包含您想要在 WebVI 上调用的 JavaScript 函数。
   1. 创建一个 JavaScript 文件并将其命名为SimpleMath.js。

   2. 将以下代码插入SimpleMath.js 。它包含两个 JavaScript 函数， SimpleAdd和SimpleMultiply 。

      (function () {
          
          window.SimpleAdd = function (num1, num2) {
              var add = num1 + num2;
              return add;
          };
      	
          window.SimpleMultiply = function (num1, num2) {
              var multiply = num1 * num2;
              return multiply;
          };
      	
      }());

2. 创建一个 G Web 开发软件项目。
   1. 启动 G Web 开发软件
   2. 在菜单栏上，选择File>>New>>Project
   3. 在菜单栏中，选择File>>Save all，将项目保存在桌面上名为“ Simple Math JSLI ”的文件夹中
3. 将 JavaScript 集成到项目中
   1. 右键单击WebApp.gcomp并选择Import Files，导入 JavaScript 文件 SimpleMath.js
      • 注意：如果未按照步骤 2.3 中的说明保存项目，则导入文件选项将显示为灰色。
   2. 在以下提示中选择复制
      
   3. 右键单击WebApp.gcomp并选择新建>>JavaScript 库接口，创建 JavaScript 库接口
   4. 在Library.jsli中，清空HTML 脚本和链接依赖项并插入以下代码：

      •  <script src="SimpleMath.js"></script>

   5. 通过以下方式创建 JavaScript 全局函数：
      1. 将SimpleAdd插入到 JavaScript 全局变量并单击Add function 
      2. 将返回数据类型更改为Numeric
      3. 通过添加两个参数
         1. 点击Add parameter ，添加一个名为num1的数字参数
         2. 点击Add parameter ，添加一个名为num2的数字参数
      4. 对SimpleMultiply函数重复前三个步骤。
4. 调用 JavaScript 函数
   1. 在图表中，从Project Items>>Software>>WebApp>>Library 拖放SimpleAdd和SimpleMultiply JavaScript 函数
   2. 连接控件后，即可运行WebVI，并相应地调用JavaScript函数。