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

Question

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

VM attached() Hook 中的以下调用在 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 hook中使用了:

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

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

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

然后在 View 模型中有

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