kendo-ui Zelfstudie
Aan de slag met kendo-ui
Zoeken…
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>