余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

Kendo UI for jQuery使用教程——创建自定义捆绑包

xiyangw 2022-12-05 09:42 18 浏览 0 评论

【点击“了解更多”获取最新试用版】

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

Kendo UI for jQuery使用教程——创建自定义捆绑包

根据您的项目,可能需要跳过某些Kendo UI实用程序并仅安装应用程序所需的内容。

合并脚本

为了促进常见的项目类型,Kendo UI在捆绑包或CDN中提供以下组合脚本:

  • kendo.ui.core.min.js包含Kendo UI Core发行版支持的所有小部件,相关脚本也可以在Kendo UI Core包中找到。
  • kendo.all.min.js包含Kendo UI提供的所有功能的缩小版本。

注意:kendo.all.min.js可用于Kendo UI Professional,Telerik UI for ASP.NET MVC,Telerik UI for JSP和Telerik UI for PHP bundle。 但是,kendo.all.min.js不包含kendo.aspnetmvc.min.js。 要安装它,请将kendo.aspnetmvc.min.js添加到kendo.all.min.js,或使用自定义下载构建器工具。

  • kendo.web.min.js可用于Kendo UI Professional,JSP,PHP和MVC。 它包括核心框架和所有桌面浏览器小部件(以前作为Kendo UI Web分发)。
  • kendo.dataviz.min.js可用于Kendo UI Professional,JSP,PHP和MVC。 它包括核心框架和所有数据可视化小部件(以前作为Kendo UI DataViz分发)。
  • kendo.mobile.min.js可用于Kendo UI Professional,JSP,PHP和MVC。 它包括核心框架和所有特定于移动设备的小部件(以前作为Kendo UI Mobile分发)。

注意:一次只能包含一个组合的JavaScript文件,因为它们包含Kendo UI框架。 要同时使用来自不同Kendo UI套件的小部件,请使用kendo.all.min.js或构建自定义脚本。

不要将任何组合脚本文件与同一套件中的单个窗口小部件脚本一起注册。 例如,不要将kendo.grid.js与kendo.web.js或kendo.all.js一起注册,因为它们已经包含了Grid脚本。

注意:注册重复脚本可能会导致JavaScript错误和意外操作。

个人脚本

以下列表提供了对脚本文件的引用,无论是否缩小,取决于您的项目,都可以包含每个小部件。

  • List of Kendo UI widgets in terms of their bundle support
  • Script Files for Data Management
  • Script Files for Editors
  • Script Files for Charts
  • Script Files for Gauges
  • Script Files for Barcodes
  • Script Files for Diagrams and Maps
  • Script Files for Scheduling
  • Script Files for Layout
  • Script Files for Navigation
  • Script Files for Interactivity and UX
  • Script Files for Hybrid UI
  • Script Files for Tools, Frameworks and Utilities
  • Script Files for Server-Side Wrappers

自定义脚本

您可以创建仅提供项目所需的小部件和功能的自定义脚本。

使用Download Builder

拥有商业许可证的用户可以使用自定义Download Builder工具创建单个JavaScript文件,该文件仅包含所需的小部件和功能。

注意

  • 拥有商业许可证的用户可以使用自定义Download Builder工具创建单个JavaScript文件,该文件仅包含所需的小部件和功能。
  • 使用RequireJS无法加载Download Builder软件包,因为该工具不会创建所需的AMD模块。

使用Gulp

如果您使用Kendo UI Core软件包,则可以使用gulp构建工具并按照README文章中的说明构建自定义分发。 截至Kendo UI 2014 Q3版本,必需的构建脚本包含在可下载商业软件包的src /目录中。

要从发布源构建自定义分发:

1. 运营以下shell命令。

cd src

npm install -g gulp

npm install

gulp custom -c autocomplete,dropdownlist

2. 列出要包含在自定义构建中的组件,并用逗号(,)分隔它们。 上一个示例构建了一个自定义缩小脚本,其中包括AutoComplete和DropDownList窗口小部件。

3. 通过运行gulp custom -c all构建整个Kendo UI库。

注意:完成后,gulp命令在src / dist目录中输出一个kendo.custom.min.js文件。 Gulp构建任务自动解析每个组件所需的依赖关系,因此您不必列出它们。 不要使用多个自定义组合脚本,因为它们将包含重复的代码。 而是创建一个组合脚本文件,其中包含您需要的所有内容。

4. 要编译未缩小的自定义脚本版本,请从gulpfile.js中删除或注释掉以下行:

...

.pipe(uglify())

...

标签顺序

要在HTML标记之后加载和执行脚本,请将脚本标记放在结束正文标记之前。 通常,Kendo UI小部件初始化语句通过jQuery处理程序在document.ready事件中执行,这意味着您必须在任何Kendo UI小部件初始化语句之前注册jQuery。 使用客户端Kendo UI小部件时,您可以控制初始化语句的位置,以便可以在文档的底部注册jQuery脚本文件。

Kendo UI小部件的服务器端包装器是自我初始化的,这意味着每个初始化脚本都在小部件的HTML标记之后立即呈现。 在这种情况下,Kendo UI脚本仍然可以在文档的末尾注册,而jQuery脚本必须在文档中的第一个Kendo UI小部件之前或文档头中注册到正文中。


Kendo UI R2 2019 SP1全新发布,最新动态请持续关注Telerik中文网!

https://www.kendouicn.com/

相关推荐

初学者怎样看懂代码?零基础学编程教你快速理解代码
初学者怎样看懂代码?零基础学编程教你快速理解代码

在学习编程的初期,看不懂代码是非常正常的现象,因为程序代码的背后涉及到编程语法、资源整合、算法设计、数据结构等一系列内容,要想搞清楚这些代码的含义,必须为自己制...

2023-03-21 18:07 xiyangw

安卓APP开发 | 简单学Java从编程入门开始-代码中的关键字
安卓APP开发 | 简单学Java从编程入门开始-代码中的关键字

安卓开发需要有语言编程基础,新手开始学习编程的时候一般是从程序语言的最基础内容开始。我现在就以自己熟悉的Java编程语言来讲,一般新手刚入门要首先认识代码中的关...

2023-03-21 18:07 xiyangw

程序员入门篇(程序员入门应该从哪里开始)

入门推荐语言:Python、JavaScript。推荐理由:语法简单,有大量已经成熟的库。运行既有结果,特别是JavaScript,作为前端语言,还有页面效果。这种即时反馈更有动力让新人坚持学习。入门...

「入门编程小实例」Edge浏览器网页小程序代码:电子音乐画布

可以直接复制到txt文件中,然后将后缀名改成html,拖到Edge浏览器或别的标准浏览器中运行。<!DOCTYPEhtml><html><head><m...

怎样更快速地学会编程(如何快速掌握编程)
怎样更快速地学会编程(如何快速掌握编程)

首先,很多同学都问过我如何快速学会编程,编程有没有捷径,以及初学者学习哪门编程语言更容易等问题,这些问题对于不同人的答案是不一样的,所以要结合不同人的知识基础、...

2023-03-21 18:05 xiyangw

小白编程应该怎么入门?教你从一个hello world学到3个知识点

小白编程应该怎么入门?首先在教材的选择上,直接找豆瓣,挑评分最高的书来看就好了,那些经典书籍真的很简单,很适合入门。其次是学习的过程,不在于你怎么看怎么听,而在于你有没有进行实践!编程是一定要动手的课...

会做菜就会编程?一篇写给从未编程过的人的入门教程
会做菜就会编程?一篇写给从未编程过的人的入门教程

平时工作之余,很多蚂蚁技术同学也乐于分享技术心得和经验感悟,我们会不定期精选其中的优秀文章,分享给大家。不少同学对于编程感到好奇,但一看到厚厚的教程就打退堂鼓,...

2023-03-21 18:04 xiyangw

怎样学会代码编程(新手怎么学代码编程)
怎样学会代码编程(新手怎么学代码编程)

怎样学会代码编程学习代码编程需要掌握以下步骤:选择编程语言:首先需要选择一门编程语言。常用的编程语言有Python、Java、JavaScript、C++、C#...

2023-03-21 18:04 xiyangw

0基础如何快速自学一门编程?(零基础如何自学编程语言)
0基础如何快速自学一门编程?(零基础如何自学编程语言)

时代的潮流一直在变,前几年还是人人都是自媒体,如今已是人人都会一门编程语言,特别是这两年的python学习浪潮,似乎身边的人都在学习编程。那么,对于一个没有基础...

2023-03-21 18:04 xiyangw

新手如何快速学习编程(如何快速入门编程)
新手如何快速学习编程(如何快速入门编程)

学习编程是一个漫长的过程,但有一些方法可以帮助新手更快地学习编程。下面是一些建议:确定目标:明确你想学习编程的目的,有助于保持学习的动力。选择语言:确定你要学习...

2023-03-21 18:03 xiyangw

7 行代码 3 分钟:从零开始实现一门编程语言(编程代码入门教程)

本文最初发布于MattMight的个人博客。本文介绍了多种解释器实现。通过修改最后一个解释器,你应该可以快速测试关于编程语言的新想法。如果你希望有一种语法不一样的语言,就可以构建一个解析器,把...

spring利用spring.handlers解析自定义配置(spring validation 自定义)

一、问题我们在spring的xml配置文件里经常定义各种各样的配置(tx、bean、mvc、bean等等)。以及集成第三方框架时,也会看到一些spring之外的配置,例如dubbo的配置、securi...

「Spring源码分析」AOP源码解析(上篇)(spring源码深度解析(第2版))

前言前面写了六篇文章详细地分析了SpringBean加载流程,这部分完了之后就要进入一个比较困难的部分了,就是AOP的实现原理分析。为了探究AOP实现原理,首先定义几个类,一个Dao接口:1&nbs...

Spring 解析注册BeanDefinition这一篇就Over
Spring 解析注册BeanDefinition这一篇就Over

一、简介:学习过Spring框架的人一定都会听过Spring的IoC(控制反转)、DI(依赖注入)这两个概念,对于初学Spring的人来说,总觉得IoC、...

2023-03-20 14:53 xiyangw

域、模块、空间、闭包,你真的懂了吗?(模块控制域与作用域的关系)

Javascript有一个特性叫做域。尽管对于初学者来说理解域是有难度的,但我会尽力用最简单的方式让你理解域。理解域能让你的代码更优秀,减少错误,及有助于你做出更强大的模式设计。什么是域域是在运行时,...

取消回复欢迎 发表评论: