IBM Worklight 5.0.6 - 无法添加外部 Dojo 组件（需要 Dojo Dgrid 时出现脚本错误）

Posted 2023-02-16

【中文标题】IBM Worklight 5.0.6 - 无法添加外部 Dojo 组件（需要 Dojo Dgrid 时出现脚本错误）

【英文标题】：IBM Worklight 5.0.6 - Unable to add external Dojo component (script error on require Dojo Dgrid)

【发布时间】：2013-07-18 12:03:05

【问题描述】：

我已经下载了Dgrid，在 dgrid 中重命名了一个文件夹后，我将它移到了 Dojo 文件夹中。

在 html 中我这样包含它：

<!--application UI goes here-->
<script type="text/javascript" src="dgrid/Grid.js"></script><!--prova importazione Dgrid-->
<script src="js/initOptions.js"></script>
<script src="js/MobileACG.js"></script>

接下来我在 build_dojo.xml 中设置：

<include name="dgrid/Grid.js" /> 

错误在下面的require 行：

function creaGridTableArticoli()
    dgrid
    require(["dgrid/Grid"], function(Grid)
        var columns = 
            first: 
                label: "First Name"
            ,
            last: 
                label: "Last Name"
            
        ;
        var grid = new Grid( /* options here */ , "grid");
        WL.Logger.debug("ok");

    );

【问题讨论】：

idan 我跟着你的步骤，但它不起作用

在下面查看我的新答案。

【参考方案1】：

注意：关于 Dojo，IBM Worklight 仅支持用于运行时和工具的 IBM Dojo Toolkit。 IBM 相当于 dgrid is gridx。

也就是说，请按照以下步骤使 dgrid 在您的 Worklight 项目中工作。

Download dgrid 解压，重命名文件夹为“dgrid” Download xstyle 解压，重命名文件夹为“xstyle” Downlload put-selector 解压缩，将文件夹重命名为“put-selector”

在 Worklight 5.0.6 中

创建一个新项目 创建一个新的应用程序并确保勾选 Dojo 复选框在关闭向导之前将 Dojo 添加到项目中 可选择添加 android 环境 将上面的三个文件夹放在属于项目的 dojo 文件夹的根目录下：

打开 build-dojo.xml 并添加以下内容：

<include name="dojo/_base/declare.js"/>
<include name="dojo/domReady.js"/>
<include name="dgrid/**"/>
<include name="put-selector/*"/>
<include name="xstyle/**"/>

打开 HTML 文件并在 HEAD 元素内添加一个新的脚本标签。使用以下代码填充它：

   require(["dgrid/Grid", "dojo/domReady!"], function(Grid) 
       var data = [
          first: "Bob", last: "Barker", age: 89 ,
          first: "Vanna", last: "White", age: 55 ,
          first: "Pat", last: "Sajak", age: 65 
       ];

       var grid = new Grid(
         columns: 
             first: "First Name",
             last: "Last Name",
             age: "Age"
         
       , "grid");

       grid.renderArray(data);
   );

在 BODY 元素中添加以下内容：<div id="grid"></div>

全部构建并部署

Worklight Console 中的预览

您也可以在 Eclipse 的设计透视图中进行预览，尽管我注意到表格中存在一些渲染问题（在 MBS 中没有看到（如下）；我想它可以在 CSS 中修复......）。

全尺寸图片：http://i.stack.imgur.com/B36qU.png

【讨论】：

哇。它工作。但我不明白一件事。什么是 xstyle 和 put-selector？

dgrid 安装说明也提到要添加它们，所以我想如果您继续使用 dgrid 进行开发，您最终将需要它们，具体取决于您要实现的内容。谷歌。

为什么还包括 name="dojo/_base/declare.js"/>'

预览应用失败（Chrome 开发工具显示它丢失）。

肯定有优化的空间，这只是为了让它工作。