博客专区 > wolf_su的博客 > wolf_su的博客详情
Kendo UI learn
wolf_su 发表于4年前
Kendo UI learn
  • 发表于 4年前
  • 阅读 350
  • 收藏 0
  • 点赞 0
  • 评论 0

  
  
Home Getting Started Javascript Dependencies

JavaScript files used by Kendo UI

Every widget from Kendo UI needs its JavaScript files to be included in order to work properly. This help topic lists the JavaScript files required by each widget.

Combined Scripts

The following combined scripts are made available in order to simplify development and deployment.

  • kendo.all.min.js contains a minified version of all scripts (Web, DataViz and Mobile).

Important: kendo.all.min.js is only available in the Kendo UI Complete package. The contents of kendo.aspnetmvc.min.js are not included in kendo.all.min.js - you need to include kendo.aspnetmvc.min.js in addition to kendo.all.min.js or use the custom download builder tool.

  • kendo.web.min.js contains a minified version of all scripts from Kendo UI Web.
  • kendo.dataviz.min.js contains a minified version of all scripts from Kendo UI DataViz.
  • kendo.mobile.min.js contains a minified version of all scripts from Kendo UI Mobile.

Important: Only one of the above scripts can be included at a time.

Custom Combined Scripts

Users who own a commercial license can use the custom download builder tool to create a single JavaScript file which contains only the required widgets and features.

CDN

The minified versions of all JavaScript files (except jQuery) are also available via CDN

http://cdn.kendostatic.com/<version>/js/<filename>.min.js

e.g.http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js

Important: in order to use HTTPS, you need to directly access the CloudFront CDN

https://da7xgjtj801h2.cloudfront.net/<version>/js/<filename>.min.js

jQuery version

The current official version of Kendo UI requires jQuery 1.9.1. There are occasions in which a new jQuery version is released, which introduces breaking changes and is not compatible with existing Kendo UI versions. In such cases we recommend using the previous jQuery version until the next official Kendo UI release that resolves the problems. We normally do not change the jQuery version that is shipped with Kendo UI for service packs. We can do this for major releases. The following list provides compatibility information about previous major Kendo UI releases:

  • Kendo UI 2013.1.319 (Q1 2013) - jQuery 1.9.1
  • Kendo UI 2012.3.1114 (Q3 2012) - jQuery 1.8.2
  • Kendo UI 2012.2.710 (Q2 2012) - jQuery 1.7.1
  • Kendo UI 2012.1.322 (Q1 2012) - jQuery 1.7.1
  • Kendo UI 2011.3.1129 (Q3 2011) - jQuery 1.7.1

There should be no problem to use another minor jQuery version instead of the specified above, e.g. 1.7.2 instead of 1.7.1.

Script tag placement

There is a general recommendation to placescripttags before the closingbodytag, so that the scripts are loaded and executed after the HTML markup. The Kendo UI widget initialization statements are executed in the document.ready event via a jQuery handler. This means that the jQuery must be registered before any Kendo UI initialization statements. When using the pure client-side-only Kendo UI widgets one can control the initialization statements' placement, so the jQuery script file can be registered at the bottom of the page. The Kendo UI widgets' server wrappers are self-initialized, which means that each initialization script is rendered right after the widget's HTML markup. In this case the Kendo UI scripts can still be registered at the end of the page, but the jQuery script must be registered in thebodybefore the first Kendo UI widget on the page, or in the pagehead.

Individual scripts

If more granular control is required, the following script files, either minified or not, can be included on a per-widget basis.

AutoComplete

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.model.js (if binding to XML)
  5. kendo.data.xml.js (if binding to XML)
  6. kendo.data.js
  7. kendo.fx.js (optional for animation)
  8. kendo.popup.js
  9. kendo.list.js
  10. kendo.autocomplete.js

Calendar

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.calendar.js

Chart

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.data.xml.js (if binding to XML)
  5. kendo.data.js
  6. kendo.binder.js (if using MVVM)
  7. kendo.dataviz.core.js
  8. kendo.dataviz.vml.js
  9. kendo.dataviz.svg.js
  10. kendo.dataviz.themes.js
  11. kendo.dataviz.chart.js
  12. kendo.userevents.js

ComboBox

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.model.js (if binding to XML)
  5. kendo.data.xml.js (if binding to XML)
  6. kendo.data.js
  7. kendo.fx.js (optional for animation)
  8. kendo.popup.js
  9. kendo.list.js
  10. kendo.combobox.js

ColorPicker

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.userevents.js
  5. kendo.popup.js
  6. kendo.draganddrop.js
  7. kendo.slider.js
  8. kendo.data.js (if using MVVM)
  9. kendo.binder.js (if using MVVM)
  10. kendo.colorpicker.js

ColorPalette

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.data.js (if using MVVM)
  5. kendo.binder.js (if using MVVM)
  6. kendo.colorpicker.js

DataSource

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.model.js (if binding to XML or editing)
  5. kendo.data.xml.js (if binding to XML)
  6. kendo.data.js

DatePicker

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.popup.js
  5. kendo.calendar.js
  6. kendo.datepicker.js

Drag and Drop

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.draganddrop.js

DropDownList

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.model.js (if binding to XML)
  5. kendo.data.xml.js (if binding to XML)
  6. kendo.data.js
  7. kendo.fx.js (optional for animation)
  8. kendo.popup.js
  9. kendo.list.js
  10. kendo.dropdownlist.js

Editor

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.js
  4. kendo.userevents.js
  5. kendo.upload.js (if imagebrowser is used)
  6. kendo.selectable.js (if imagebrowser is used)
  7. kendo.listview.js (if imagebrowser is used)
  8. kendo.imagebrowser.js (if imagebrowser is used)
  9. kendo.popup.js
  10. kendo.list.js
  11. kendo.dropdownlist.js
  12. kendo.combobox.js
  13. kendo.fx.js (optional for animation)
  14. kendo.draganddrop.js (if popups are draggable and/or resizable)
  15. kendo.window.js
  16. kendo.colorpicker.js
  17. kendo.editor.js

FlatColorPicker

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.draganddrop.js
  5. kendo.slider.js
  6. kendo.data.js (if using MVVM)
  7. kendo.binder.js (if using MVVM)
  8. kendo.colorpicker.js

Gauge

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.js (if using MVVM)
  4. kendo.binder.js (if using MVVM)
  5. kendo.dataviz.core.js
  6. kendo.dataviz.vml.js
  7. kendo.dataviz.svg.js
  8. kendo.dataviz.gauge.js

Grid

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.data.xml.js (if binding to XML)
  5. kendo.data.js
  6. kendo.fx.js (optional for animation)
  7. kendo.popup.js (if editing or filtering is enabled)
  8. kendo.list.js (if editing or filtering is enabled)
  9. kendo.calendar.js (if editing or filtering is enabled)
  10. kendo.datepicker.js (if editing or filtering is enabled)
  11. kendo.numerictextbox.js (if editing or filtering is enabled)
  12. kendo.validator.js (if editing is enabled)
  13. kendo.binder.js (if editing is enabled)
  14. kendo.dropdownlist.js (if filtering is enabled)
  15. kendo.filtermenu.js (if filtering is enabled)
  16. kendo.pager.js (if paging is enabled)
  17. kendo.sortable.js (if sorting is enabled)
  18. kendo.userevents.js (if grouping, resizing or reordering is enabled)
  19. kendo.draganddrop.js (if grouping, resizing or reordering is enabled)
  20. kendo.groupable.js (if grouping is enabled)
  21. kendo.editable.js (if editing is enabled)
  22. kendo.selectable.js (if selection is enabled)
  23. kendo.resizable.js (if resizing is enabled)
  24. kendo.reorderable.js (if reordering is enabled)
  25. kendo.grid.js

ListView

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.data.xml.js (if binding to XML)
  5. kendo.data.js
  6. kendo.validator.js (if editing is enabled)
  7. kendo.binder.js (if editing is enabled)
  8. kendo.pager.js (if pager is used)
  9. kendo.editable.js (if editing is enabled)
  10. kendo.selectable.js (if selection is enabled)
  11. kendo.listview.js

Menu

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.popup.js
  5. kendo.menu.js

MultiSelect

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.model.js (if binding to XML)
  5. kendo.data.xml.js (if binding to XML)
  6. kendo.data.js
  7. kendo.fx.js (optional for animation)
  8. kendo.popup.js
  9. kendo.list.js
  10. kendo.multiselect.js

NumericTextBox

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.numerictextbox.js

PanelBar

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.panelbar.js

Slider and RangeSlider

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.binder.js (if using MVVM)
  5. kendo.draganddrop.js
  6. kendo.slider.js

Splitter

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.draganddrop.js
  5. kendo.resizable.js
  6. kendo.splitter.js

StockChart

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.odata.js (if binding to OData)
  4. kendo.data.xml.js (if binding to XML)
  5. kendo.data.js
  6. kendo.userevents.js
  7. kendo.binder.js (if using MVVM)
  8. kendo.dataviz.core.js
  9. kendo.dataviz.vml.js
  10. kendo.dataviz.svg.js
  11. kendo.dataviz.themes.js
  12. kendo.dataviz.chart.js
  13. kendo.dataviz.stock.js

TabStrip

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.js
  4. kendo.fx.js (optional for animation)
  5. kendo.tabstrip.js

TimePicker

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.popup.js
  5. kendo.timepicker.js

Tooltip

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.fx.js (optional for animation)
  4. kendo.popup.js
  5. kendo.tooltip.js

TreeView

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.data.js
  5. kendo.fx.js (optional for animation)
  6. kendo.draganddrop.js (if drag & drop enabled)
  7. kendo.treeview.js

Upload

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.upload.js

Validator

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.validator.js

Window

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.userevents.js
  4. kendo.fx.js (optional for animation)
  5. kendo.draganddrop.js
  6. kendo.resizable.js
  7. kendo.window.js

Mobile Application

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js

Mobile ActionSheet

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.popup.js
  5. kendo.fx.js
  6. kendo.draganddrop.js
  7. kendo.mobile.shim.js
  8. kendo.mobile.scroller.js
  9. kendo.mobile.view.js
  10. kendo.mobile.pane.js
  11. kendo.mobile.application.js
  12. kendo.mobile.actionsheet.js

Mobile Button

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.button.js

Mobile ButtonGroup

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.buttongroup.js

Mobile ListView

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.data.js
  4. kendo.data.odata.js
  5. kendo.data.xml.js
  6. kendo.model.js
  7. kendo.history.js
  8. kendo.fx.js
  9. kendo.draganddrop.js
  10. kendo.mobile.scroller.js
  11. kendo.mobile.view.js
  12. kendo.mobile.pane.js
  13. kendo.mobile.application.js
  14. kendo.mobile.listview.js

Mobile ModalView

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.popup.js
  4. kendo.history.js
  5. kendo.fx.js
  6. kendo.draganddrop.js
  7. kendo.mobile.shim.js
  8. kendo.mobile.scroller.js
  9. kendo.mobile.view.js
  10. kendo.mobile.pane.js
  11. kendo.mobile.application.js
  12. kendo.mobile.modalview.js

Mobile NavBar

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.navbar.js

Mobile PopOver

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.popup.js
  4. kendo.history.js
  5. kendo.fx.js
  6. kendo.draganddrop.js
  7. kendo.mobile.shim.js
  8. kendo.mobile.scroller.js
  9. kendo.mobile.view.js
  10. kendo.mobile.pane.js
  11. kendo.mobile.application.js
  12. kendo.mobile.popover.js

Mobile Scroller

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js

Mobile ScrollView

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.scrollview.js

Mobile SplitView

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.splitview.js

Mobile Switch

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.switch.js

Mobile TabStrip

  1. jquery-1.9.1.js
  2. kendo.core.js
  3. kendo.history.js
  4. kendo.fx.js
  5. kendo.draganddrop.js
  6. kendo.mobile.scroller.js
  7. kendo.mobile.view.js
  8. kendo.mobile.pane.js
  9. kendo.mobile.application.js
  10. kendo.mobile.tabstrip.js

Page rendered at 5/8/2013 3:12:41 AM UTC.

标签: Kendo UI
共有 人打赏支持
粉丝 3
博文 75
码字总数 47499
×
wolf_su
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: