剑道＆amp; Aurelia：jQuery（...）。kendoPager不是一个函数

Question

我正试图让Kendo在Aurelia工作，这并不容易......

VM attach（）钩子里面的以下调用抛出了一个“jQuery（...）。kendoPager不是函数”shim.min.js中的异常：1444：

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类文件中。将此import语句放在文件的顶部：

import {kendoUi} from 'kendo-ui';

之后，您将可以使用attached hook：

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

只需注意一点，最好不要引用DOM元素，而是引用硬编码选择器。您最好在模板中创建对元素的引用

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

然后在视图模型中

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