2

kendo ui 和 requirejs 上的文档似乎遗漏了一些东西。

他们告诉我如何使用 kendo.web.min，其中包含所有内容：

http://www.kendoui.c​​om/blogs/teamblog/posts/13-05-08/requirejs-fundamentals.aspx

（搜索关键字“shim”）

但我对添加 2MB 大的 kendo.web.min 脚本不感兴趣，我只想填充

kendo.grid.min 但此文件对 kendo.data.min 具有依赖关系，而 kendo.data.min 又具有依赖关系

到 kendo.core.min。

在加载 kendo.grid.min 之前和加载 jquery 之后，我如何告诉 requirejs 也加载 kendo.data.min 和 kendo.core.min。我只是想这将是正确的顺序。

这是我从上面的 Telerik 链接中尝试过的：

requirejs.config({
    paths: {
        'text': '../Scripts/text',
        'durandal': '../Scripts/durandal',
        'plugins': '../Scripts/durandal/plugins',
        'transitions': '../Scripts/durandal/transitions',
        'knockout': '../Scripts/knockout-2.3.0',
        'jquery': '../Scripts/jquery-2.0.3',     
        'kendoGrid': '../Scripts//kendo.grid.min',
    },
    shim: {
        "kendoGrid": {
            deps: ["jquery"]
        }
    }
});

定义 kendo 依赖项（如 kendo.data 和 kendo.core ）的正确方法是什么？

目前，我在 systems.js 中的 durandal 应用程序启动时遇到异常，说：

“无法加载组合模块（viewmodels/DocumentBrowser）。详细信息：无法“访问”未定义或空引用的属性“jQuery”。

我知道这个错误与剑道没有直接关系，但是由于我在 DocumentBrowser 模块中使用 requirejs 引入了剑道 ui，所以我得到了这个异常！

更新

根据 CodingWhitSpike 的建议，我更改了 requirejs 配置：

requirejs.config({
    paths: {
        'text': '../Scripts/text',
        'durandal': '../Scripts/durandal',
        'plugins': '../Scripts/durandal/plugins',
        'transitions': '../Scripts/durandal/transitions',
        'knockout': '../Scripts/knockout-2.3.0',
        'jquery': '../Scripts/jquery-2.0.3',
        'moment': '../Scripts/moment',
         k: "../Scripts/kendo"
    }
});

define(['durandal/app', 'plugins/dialog', 'knockout', 'services/dataservice', 'plugins/router', 'moment', 'k/kendo.grid.min'],
    function (app, dialog, ko, dataservice, router, moment, kendoGrid) {

 $("#grid").kendoGrid(...); => kendoGrid is instantiated and it works :)

});
4

1 回答 1

4

这取自官方剑道文档http: //docs.kendoui.c​​om/getting-started/using-kendo-with/using-kendo-with-requirejs

<!-- first, load RequireJS -->
<script src="require.js"></script>

<!-- configure RequireJS with two logical paths:
     - "app/" will be used for your files
     - "k/" will be for Kendo UI modules -->

<script>
  requirejs.config({
      paths: {
          app: "/path/to/your/files",
          k: "http://cdn.kendostatic.com/VERSION/js"
      }
  });

  require([
      "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js",
      "app/foo",
      "app/bar",
      "k/kendo.menu.min",
      "k/kendo.grid.min"
  ], initApp);

  function initApp() {
     // main entry point of your application
  }
</script>

假设 kendo 已正确设置其模块的依赖关系，则设置一个 k: "http://cdn.kendostatic.com/VERSION/js指向模块目录（不是一个单独的模块）的路径，并在k/kendo.grid.min所有需要的情况下使用类似的模块。

于 2013-09-07T09:18:23.300 回答