Kendo & Aurelia: jQuery(...).kendoPager 不是函数

Question

我正在努力让 Kendo 在 Aurelia 工作，但这并不容易...

VM attached() 挂钩中的以下调用在 shim.min.js:1444:

中引发 "jQuery(...).kendoPager is not a function" 异常

jQuery("#pager").kendoPager({
  dataSource: dataSource
});

我尝试了多种定义 GlobalBehavior.jQueryPlugins() 设置的方法，以下是我迄今为止在 main.js:

中的最佳尝试

import {GlobalBehavior} from 'aurelia-templating-resources';
GlobalBehavior.jQueryPlugins["kendopager"] = "kendoPager";

不幸的是，关于这方面的文档不多，所以有人在黑暗中摸索了一下，我们将不胜感激。

普通 jQuery 函数在这里工作正常，因此问题似乎与使用 Kendo.

有关

提前致谢

Answer 1

您使用 JSPM 安装了依赖项，但您还需要将其导入到您的 VM class 文件中。将此导入语句放在文件顶部：

import {kendoUi} from 'kendo-ui';

之后你就可以在 attached 钩子中使用:

jQuery("#pager").kendoPager({
  dataSource: dataSource
});

请注意，最好不要引用 DOM 元素，而是硬编码的选择器。您最好在模板

中创建对元素的引用

<div ref="pager"></div>

然后在视图模型中有

jQuery(this.pager).kendoPager({
  dataSource: dataSource
});

Kendo & Aurelia: jQuery(...).kendoPager is not a function