kendo-ui Tutoriel
Commencer avec le kendo-ui
Recherche…
Remarques
Cette section donne un aperçu de ce qu'est le kendo-ui et pourquoi un développeur peut vouloir l'utiliser.
Il devrait également mentionner tous les grands sujets dans le kendo-ui, et établir un lien avec les sujets connexes. La documentation pour le kendo-ui étant nouvelle, vous devrez peut-être créer des versions initiales de ces rubriques connexes.
Installation ou configuration
Pour préparer votre site Web ou votre application Web à utiliser l'interface utilisateur 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 réduites des versions officielles de l' interface utilisateur de Kendo, pour les protocoles HTTP et HTTPS.
JQuery est également tenu d'utiliser l'interface utilisateur Kendo et 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 de base de kendo (la suite de widgets DataViz n'est pas incluse).
Vous pouvez également choisir les widgets ou les composants souhaités en chargeant le fichier de script pour ce composant. Par exemple, remplacez "all" par "calendar" pour obtenir le script du widget calendrier:
Pour une liste de tous les fichiers que vous pouvez utiliser, consultez la page Only What You Need de Kendo UI
Voici un extrait fonctionnel des 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>