Aurelia:使用KendoUI Core

时间:2016-05-24 17:49:22

标签: kendo-ui aurelia systemjs jspm

我从Telerik的网站下载了kendoui核心。 Folder有一个js目录,每个widget都有单独的文件。我想在我的Aurelia应用程序中构建kendoui和systemJS(建立在骨架导航之上)。我能够使用JQueryUI执行此操作,如下所示:

- 创建了一个" jquery-ui@1.11.4"在jspm_packages文件夹中的github文件夹中包含jqueryUI JavaScript lib的文件夹

- 创建了一个名为" jquery-ui@1.11.4.js"的文件;像上面那样导出上面的lib:

module.exports = require(" github:github / jquery-ui@1.11.4 / jquery-ui.js")

- 在我的配置文件中定义了jqueryui:" jquery-ui":" github:github / jquery-ui@1.11.4"

现在,如果我想使用任何小部件,比如datepicker,我会这样做:

从jquery-ui';

导入{datepicker}

如何为kendoUI执行此操作?我在某地读过" kendo.core.js"文件包含所有小部件,但它似乎太轻,单独使用它不起作用。它还有一个补充的.map文件。它的用途是什么?

更新:正如下面的答案所示,我决定在我的索引页面中包含kendoUI和jQuery以及脚本标记。而且我没有导入整个kendoUI库(kendo.ui.core.min.js-> 670KB),而是包含了我需要的kendoUI日期选择器所需的文件(kendo.core,kendo.popup,kendo) .calendar和kendo.datepicker-> 99.1KB)。任何人都想使用这种方法,请记住,jQuery也必须在index.html和任何kendo文件之前导入。此外,kendo.core应该在其他之前导入,而datepicker应该在其他所有内容之后导入(即最后一个)

1 个答案:

答案 0 :(得分:1)

您用于添加jQuery UI的解决方案不是可扩展的解决方案。你永远不应该在jspm_packages文件夹中写任何东西,因为该文件夹是jspm可以按照自己的意愿使用。此外,您只需使用JSPM(jspm install jquery-ui)安装jQueryUI。

您的第一个选择是使用带有jspm install kendo-ui的jspm安装KendoUI Core。

如果您更喜欢单独使用,则应该只使用<script>元素加载kendo文件。这样做有什么不对。这些文件用作使用脚本标记加载的全局变量,因此不要与之对抗。

再一次,使用脚本元素加载遗留(读取非模块化)js文件并没有错。