将 dijit/dojo 小部件导入工作灯调色板

Question

上个月我一直在使用 IBM Worklight，我发现即使在创建混合应用程序时导入了 Dojo 工具包，我也看不到我的调色板中的 dijit 组件和一些 dojo/dojox 组件导致错误。

这是我的配置：

• Windows XP
• Eclipse SDK 版本：3.7.2
• IBM Worklight 5.0.5
• Dojo 版本 1.8.1-20121024

因此在启动我的应用程序时出现错误：

加载资源失败：服务器响应状态为 404（未找到）

URL/ipad/1.0/default/dojox/dgauges/components/green/Horizo​​ntalLinearGauge.js

（我想显示一个滑块，只找到了这个仪表）

但我的项目中有 dojo 文件夹（里面有 dijit/dojo/dojox 文件夹）。

有人知道如何解决这个问题吗？

干杯

Answer 1

1. 我使用 Worklight Studio 5.0.5.1 向导创建了一个项目和应用程序，其中包括 Dojo 并添加了 iPad 环境。

2. 接下来，查看 Dojo Palette，我看到了一个滑块小部件。我将它拖到我的 HTML 中：

3. Run As > Build All and Deploy 并在 MBS 中预览环境会显示滑块：

我在这台机器上没有 Xcode，所以这是我现在能做的最好的。
您确定没有看到 slider 小部件吗？

Answer 2

如果您正在寻找 dijit 表单水平滑块，您可以右键单击调色板的内容并单击 Customize... 在自定义调色板对话框中，选择 Dojo Form Widgets 类别，然后取消选中 Hide。当您展开Dojo Form Widgets 时，您可以选择Horizontal Slider 并取消选中Hide。点击OK，这些项目应该会出现在调色板中。

但是对于移动页面上的滑块，Idan 建议使用 Dojo Mobile Slider 可能比 dijit 滑块更好。

Answer 3

为了提高构建性能，带有 Dojo 的应用程序使用 build-dojo.xml 文件指定要包含在构建中的文件。默认情况下，它针对移动开发进行了优化。如果您想包含 Horizo​​ntalSlider，最简单的方法是取消注释 <include name="dojo/dijit-layer.js.compressed.js"/>，但在注释掉之后保留 <include> 元素。这将为您提供“dojo/dojo.js.compressed.js”、“dojo/core-web-layer.js.compressed.js”和“dojo/dijit-layer.js.compressed.js”的模式集。

如果您使用 Palette 拖放 Horizo​​ntalSlider，它应该在应用程序的标记中添加了对 dijit.css 和 claro.css 的引用。因此，需要将这些资源添加到您的应用程序中以设置小部件的样式。您可以通过将 dijit/themes/claro/ 目录和 dijit/themes/dijit.css 文件复制到您的应用程序来手动执行此操作。但正如我们所见，build-dojo.xml 文件会自动将这些内容添加到构建中。在您的 build-dojo.xml 文件中，找到模式集 dojo.resources.loose-modules。并添加以下内容：

<include name="dijit/themes/claro/**"/>
<include name="dijit/themes/dijit.css"/>

保存build-dojo.xml 文件。

现在您需要更新应用程序的 JS 文件。在 wlCommonInit 中，需要层文件。有一个数组包含移动开发所需的内容。您将需要向数组中添加另一个层：“dojo/dijit-layer”。所以它应该看起来像：

require([ "dojo/core-web-layer", "dojo/mobile-ui-layer", "dojo/mobile-compat-layer", "dojo/dijit-layer" ], dojoInit);

保存您的应用程序的 JS 文件并像往常一样预览您的应用程序。这应该可以解决 404 问题并呈现 Horizo​​ntalSlider 小部件。