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

Question

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

VM attach() 挂钩内的以下调用在 shim.min.js:1444 中引发“jQuery(...).kendoPager 不是函数”异常：

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 {kendoUi} from 'kendo-ui';

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

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

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

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

然后在视图模型中有

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