Kendo UI learn

 
 
 
 
 
 
  
  
  
  
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.

你可能感兴趣的:(UI,Kendo)