kendo-ui Tutorial
Iniziare con kendo-ui
Ricerca…
Osservazioni
Questa sezione fornisce una panoramica di cosa sia il kendo-ui e perché uno sviluppatore potrebbe volerlo usare.
Dovrebbe anche menzionare qualsiasi argomento di grandi dimensioni all'interno di kendo-ui e collegarsi agli argomenti correlati. Poiché la Documentazione per kendo-ui è nuova, potrebbe essere necessario creare versioni iniziali di tali argomenti correlati.
Installazione o configurazione
Per preparare il tuo sito web o l'applicazione web per utilizzare l'interfaccia utente di Kendo, aggiungi semplicemente i file di stile e di script nella sezione <head> della tua pagina.
I servizi CDN sono forniti per le versioni minificate delle versioni ufficiali di Kendo UI, sia per i protocolli HTTP che HTTPS.
JQuery è inoltre tenuto a utilizzare l'interfaccia utente di Kendo e viene fornito anche da 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>
Nello snippet qui sopra, viene utilizzato lo script kendo.all, che include tutti i widget di base di Kendo (la suite di widget DataViz non è inclusa).
In alternativa, puoi scegliere e scegliere quali widget o componenti desideri caricando il file di script per quel componente. Ad esempio, cambia "tutto" in "calendario" per ottenere lo script per il widget del calendario:
Per un elenco di tutti i file che è possibile utilizzare, vedere la pagina Solo di cosa hai bisogno di Kendo UI
Ecco uno snippet funzionale per tag di stile e di script che puoi utilizzare per iniziare rapidamente:
<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>