Aurelia:使用 KendoUI Core
Aurelia: Using KendoUI Core
我从 Telerik 的网站下载了 kendoui 内核。文件夹有一个 js 目录,每个小部件都有单独的文件。我想在我的 Aurelia 应用程序中将 kendoui 与 systemJS 集成(built 在骨架导航之上)。我能够使用 JQueryUI 执行此操作,如下所示:
--创建了一个“jquery-ui@1.11.4”文件夹,其中包含 jqueryUI JavaScript lib in github文件夹在jspm_packages文件夹
--创建了一个名为“jquery-ui@1.11.4.js”的文件,它像这样导出上面的库:
module.exports = require("github:github/jquery-ui@1.11.4/jquery-ui.js")
--在我的配置文件中定义了jqueryui: "jquery-ui": "github:github/jquery-ui@ 1.11.4
现在,如果我想使用任何小部件,比如日期选择器,我会这样做:
从'jquery-ui'导入{日期选择器};
如何为 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 应该在其他所有内容之前导入,而日期选择器应该在其他所有内容之后导入(即最后)
您用于添加 jQuery UI 的解决方案无法扩展。永远不要向 jspm_packages
文件夹写入任何内容,因为该文件夹是 jspm 可以随意使用的。此外,您可以使用 JSPM (jspm install jquery-ui
).
简单地安装 jQueryUI
您的第一个选择是使用带有 jspm install kendo-ui
的 jspm 安装 KendoUI Core。
如果您更喜欢单独使用,您可能应该只使用 <script>
元素加载 kendo 文件。这样做没有错。这些文件是做成全局变量用脚本标签加载的,大家不要打了。
同样,使用脚本元素加载遗留(读取非模块化)js 文件没有错。
我从 Telerik 的网站下载了 kendoui 内核。文件夹有一个 js 目录,每个小部件都有单独的文件。我想在我的 Aurelia 应用程序中将 kendoui 与 systemJS 集成(built 在骨架导航之上)。我能够使用 JQueryUI 执行此操作,如下所示:
--创建了一个“jquery-ui@1.11.4”文件夹,其中包含 jqueryUI JavaScript lib in github文件夹在jspm_packages文件夹
--创建了一个名为“jquery-ui@1.11.4.js”的文件,它像这样导出上面的库:
module.exports = require("github:github/jquery-ui@1.11.4/jquery-ui.js")
--在我的配置文件中定义了jqueryui: "jquery-ui": "github:github/jquery-ui@ 1.11.4
现在,如果我想使用任何小部件,比如日期选择器,我会这样做:
从'jquery-ui'导入{日期选择器};
如何为 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 应该在其他所有内容之前导入,而日期选择器应该在其他所有内容之后导入(即最后)
您用于添加 jQuery UI 的解决方案无法扩展。永远不要向 jspm_packages
文件夹写入任何内容,因为该文件夹是 jspm 可以随意使用的。此外,您可以使用 JSPM (jspm install jquery-ui
).
您的第一个选择是使用带有 jspm install kendo-ui
的 jspm 安装 KendoUI Core。
如果您更喜欢单独使用,您可能应该只使用 <script>
元素加载 kendo 文件。这样做没有错。这些文件是做成全局变量用脚本标签加载的,大家不要打了。
同样,使用脚本元素加载遗留(读取非模块化)js 文件没有错。