Débuter avec le kendo-ui

Installation ou configuration

Pour préparer votre site Web ou votre application Web à utiliser l’interface utilisateur de Kendo, ajoutez simplement les fichiers de style et de script dans la section <head> de votre page.

Les services CDN sont fournis pour les versions minifiées des versions officielles de l’interface utilisateur de Kendo, pour les protocoles HTTP et HTTPS.

JQuery est également requis pour utiliser l’interface utilisateur de Kendo et il est également fourni par 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>

Dans l’extrait ci-dessus, le script kendo.all est utilisé, qui inclut tous les widgets kendo de base (la suite de widgets DataViz n’est pas incluse).

Vous pouvez également sélectionner et choisir les widgets ou composants que vous voulez en chargeant le fichier de script pour ce composant. Par exemple, remplacez “all” par “calendar” pour obtenir le script du widget de calendrier :

Pour une liste de tous les fichiers que vous pouvez utiliser, consultez la page [Only What You Need][1] de Kendo UI

Voici un extrait fonctionnel pour les balises de style et de script que vous pouvez utiliser pour démarrer rapidement :

<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>

[1] : http://docs.telerik.com/kendo-ui/intro/installation/what-you-need