使用Meteor导入库jqGrid

Question

我使用Meteor完成了一个项目，我想使用自由jqgrid。

但是我不知道如何正确导入这个库.

我试着：

• import 'free-jqgrid';
• import jqGrid from 'free-jqgrid';
• import 'free-jqgrid/js/jquery.jqgrid.min';

在我的代码中，我像这样使用qGrid：

angular.element('#grid').jqGrid({
    colModel: [
// ...

我在客户机上得到了这个错误：Error: angular.element(...).jqGrid is not a function

有什么想法吗？:-)

非常感谢。

Answer 1

谢谢奥列格。

免费的流星包-jqGrid

我是叉子流星-jqGrid包，我为免费的jqgrid修改了这个包。我在以下网站发表了这篇文章：

• Github (AurelienC/meteor free-jqGrid)
• 大气(aurelienc:free-jqgrid)

只需使用以下命令将Meteor项目添加到项目文件夹：meteor add aurelienc:free-jqgrid。

Answer 2

对不起，我自己没有用流星。此外，我使用的是requireJs或SystemJ，而不是CommonJS模块。这可能是自由jqgrid目前在作为CommonJS模块使用方面存在一些问题。

尽管如此，我还是安装了Meteor环境并进行了一些测试。因此，我可以建议您采取以下解决办法。您可以插入行。

jqGrid(window,$);

直接后

import jqGrid from 'free-jqgrid';

或之后

import jqGrid from 'free-jqgrid/js/jquery.jqgrid.src';

如果您喜欢使用非最小化的jqGrid源。

您不应该忘记导入/包含jQuery用户界面CSS或引导CSS，并导入免费jqgrid：

import 'free-jqgrid/css/ui.jqgrid.min.css';

此外，您还可以考虑从CDN jQuery 中加载jqGrid UI CSS、Font和免费的jqGrid。有关更多细节，请参见这里和这里。