将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 /默认/ DojoX中/ dgauges /组件/绿/ 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表格Horizo​​ntal Slider，您可以右键单击调色板的内容并单击Customize...在Customize Palette对话框中，选择Dojo Form Widgets类别，然后取消选中{{1} }。展开Hide后，您可以选择Dojo Form Widgets并取消选中Horizontal Slider。点击Hide，这些项目应显示在调色板中。

但是对于移动页面上的滑块，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小部件。