使用 requirejs 注入 kendo ui

2023-12-02

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

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

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

(搜索关键字“垫片”)

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

kendo.grid.min 但该文件依赖于 kendo.data.min ,而后者又具有依赖关系

到kendo.core.min。

我如何告诉 requirejs 在加载 kendo.grid.min 之前和加载 jquery 之后也加载 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.data 和 kendo.core 等 kendo 依赖项的正确方法是什么?

目前,我在 systems.js 中的 durandal 中收到应用程序启动异常:

“无法加载组合模块(viewmodels/DocumentBrowser)。详细信息:无法‘访问’未定义或空引用的属性“jQuery”。

我知道这个错误与 kendo 没有直接关系,但是自从我在 DocumentBrowser 模块中引入了 kendo ui 和 requirejs 后,我得到了这个异常!

UPDATE

根据 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 :)

});

这取自官方 Kendo 文档: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应该是所需要的一切。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 requirejs 注入 kendo ui 的相关文章

  • Karma 和 RequireJS:避免 src 中的重复并测试 RequireJS 配置

    例如 这个测试 main js https github com kjbekkelund karma requirejs blob master test test main js和这个main js https github com kj
  • Kendo 网格列宽度 + 可滚动

    我正在尝试从 JavaScript 绑定到可滚动剑道网格 但在列宽方面遇到了一些问题 这fiddle http jsfiddle net mnTGm 1 演示了问题 问题末尾的代码 我在 html 中指定标头并向其中一个标头添加宽度 然后
  • RequireJS 在加载/解析依赖项之前调用回调

    我遇到了 RequireJS 问题 其中我的 main js 脚本引用了一个依赖项 当运行 main js 中请求此依赖项的回调时 该依赖项已加载但未解析 我的目录结构是 index htm scripts require js main
  • 在剑道网格中显示动态图像

    我想在剑道网格中填充动态图像 我正在获取 json 数据 我有以下代码 var grid timeSegmentGrid kendoGrid var icon dataSource transport read function optio
  • Kendo 有 GUI 设计师吗? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 Kendo 有没有像 Sencha Architect for Ext JS 这样的控件布局设计工具
  • 有没有等效的 gulp 插件来执行“grunt Bower”?

    With grunt 我可以使用命令grunt bower 由 提供grunt bower requirejs https github com ck86 gulp bower files 自动生成RequireJS我本地的配置文件bowe
  • Kendo Ui MVC EditorTemplateName 在 PopUp 编辑模式下不起作用

    我想在 Kendo Ui 网格中使用 EditorTemplateName 作为外键列 当网格编辑模式为内联时 一切正常并且我的模板已加载 但是当将模式更改为弹出时不加载模板 如何修复它 Html Kendo Grid
  • kendo ui:grid - 将页面设置在网格的顶部和底部

    有一种简单的情况无法找到解决方案 Kendo UI 仅在底部实现网格分页 我试图让它在顶部显示寻呼机 但它变得无法点击 我认为我的克隆部分是错误的 但不知道如何修复它 预先感谢各位 这是脚本和jsp的一部分
  • 使用 Kendo Upload 进行 Kendo Grid 内联编辑返回空结果

    我有 Kendo UI Gridinline编辑和我的领域之一 propertyLogo I use 剑道上传 https demos telerik com kendo ui upload index上传图像 使用kendoUpload函
  • 如何在 Durandal 中为我的 shell 视图模型使用类?

    我正在查看 Hot Towel 模板 并试图让它在 TypeScript 中工作 但我在转换 shell 视图模型时遇到了问题 我正在尝试将其转换为 TS 对我来说更有意义的是它应该是一个类 而不是简单地导出如图所示的函数here http
  • Web Worker 中的 RequireJS

    我正在尝试在网络工作者中使用 RequireJS 问题是我在使用它时不断收到以下错误 Uncaught Error importScripts failed for underscore at lib underscore js 我已经测试
  • Kendo 刷新 (DropDownList.refresh()) 不起作用错误未定义

    我试图在另一个 DropDownList 更改后刷新下拉列表 但 Refresh 方法未定义错误正在升级 我尝试再次读取数据源 它显示它正在加载 但数据仍然相同 帮助解决这个问题请 Code DropDownList1 change fun
  • zone.js:140未捕获类型错误:无法读取属性“删除”

    我是 kendo ui 的新手 我在小提琴中开发了原型 删除确认窗口在那里工作正常 但是当我集成到我的代码库中时 我收到错误 Cannot read property remove at the line pai to delete rem
  • 加载 requireJS 模块内联 HTML 正文?

    我正在将 RequireJS 集成到 CMS 中 因此我将其放置在页面模板的底部 Placeholder1 Placeholder2 然后在每个页面上 我想创建一个利用 RequireJS 的函数 所以我尝试将其放在页面底部 h1 Home
  • 使用 Durandal 的单个网页应用程序的全局变量

    我的应用程序具有三个 全局 内容 带有 lat 和 lng 值的用户位置 用户是否登录 以及他们选择的活动 将其视为一个类别 我希望在整个应用程序中使用这些值 每个屏幕都会使用该日期的某些集合 因此每页加载它并不是正确的答案 除非用户创建事
  • 为什么使用备用 requirejs 定义:define(function(require) { ... }

    我见过人们在 require js 中使用替代的定义 语法 而不是 require js 文档或许多教程中描述的语法 The 通常定义 语法 define module first function firstModule Module c
  • 丢失了过滤器菜单内的文本框值

    我编写了一个 html javascript 页面 其中包含带有过滤器菜单的剑道网格 我遇到了以下问题 当我向数据源 新行 添加新对象并且重新加载其 kendogrid datasource read 时 我丢失了我输入值的过滤器菜单内的文
  • Cordova 2.4.0 或 2.5.0 或 2.6.0 和 requirejs

    Cordova 2 4 0 及更高版本支持 AMD 加载到 javascript 中 我特别希望将 Cordova 2 5 0 与最新版本的 RequireJS backbone jquery jquery mobile 一起使用 我还没有
  • 加载 requireJS 和 Backbone 的多个实例

    我正在创建一个 google chrome 扩展 当在选项卡上激活时 它会将一些自定义代码和一些新视图加载到该窗口的文档中 我想使用 requireJS 加载扩展调用的这些新代码模块 但是 我担心如果调用此扩展的应用程序 网站已经在运行 r
  • 自引用多对多关系EF代码优先

    我使用 ASP NET MVC 和 Durandal Breeze 模板 假设我有以下课程 public class Person public int Id get set public string Firstname get set

随机推荐