kendo-uiAan de slag met kendo-ui


Opmerkingen

Deze sectie geeft een overzicht van wat kendo-ui is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen in kendo-ui vermelden en naar de gerelateerde onderwerpen verwijzen. Aangezien de documentatie voor kendo-ui nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Installatie of instellingen

Om uw website of webtoepassing voor te bereiden op het gebruik van Kendo UI, voegt u eenvoudig de stijl- en scriptbestanden toe in het gedeelte <head> van uw pagina.

CDN-services worden aangeboden voor de verkleinde versies van officiële Kendo UI-releases, voor zowel HTTP- als HTTPS-protocollen.

JQuery is ook vereist om de Kendo UI te gebruiken en wordt ook geleverd door CDN.

<!-- The common stylesheet for basic styling -->
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/[version number]/styles/kendo.common.min.css" />
<!-- The theme stylesheet for the specific theme -->
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/[version number/styles/kendo.[theme name].min.css" />

<!-- Note that the version number here is that of Kendo UI, and not that of jQuery -->
<script src="http://kendo.cdn.telerik.com/[version number]/js/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/[version number]/js/kendo.all.min.js"></script>
 

In het bovenstaande fragment wordt het script kendo.all gebruikt, dat alle basiskendo-widgets bevat (de DataViz-suite met widgets is niet inbegrepen).

U kunt ook kiezen welke widgets of componenten u wilt door het scriptbestand voor die component te laden. Wijzig bijvoorbeeld "alles" in "kalender" om het script voor de kalenderwidget te krijgen:

Zie de pagina Only What You Need van Kendo UI voor een lijst met alle bestanden die u kunt gebruiken

Hier is een functioneel fragment voor stijl- en scripttags die u kunt gebruiken om snel aan de slag te gaan:

<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.blueopal.min.css" />

<script src="http://kendo.cdn.telerik.com/2016.2.714/js/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script>