Primeros pasos con kendo-ui

Instalación o Configuración

Para preparar su sitio web o aplicación web para usar la interfaz de usuario de Kendo, simplemente agregue los archivos de estilo y script en la sección <head> de su página.

Los servicios de CDN se proporcionan para las versiones minificadas de las versiones oficiales de la interfaz de usuario de Kendo, para los protocolos HTTP y HTTPS.

También se requiere JQuery para usar la interfaz de usuario de Kendo y también lo proporciona 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>

En el fragmento anterior, se usa el script kendo.all, que incluye todos los widgets básicos de kendo (el conjunto de widgets DataViz no está incluido).

Alternativamente, puede elegir qué widgets o componentes desea cargar el archivo de secuencia de comandos para ese componente. Por ejemplo, cambie “todos” a “calendario” para obtener el script para el widget de calendario:

Para obtener una lista de todos los archivos que puede usar, consulte la página Solo lo que necesita de la interfaz de usuario de Kendo

Aquí hay un fragmento funcional para las etiquetas de estilo y secuencia de comandos que puede usar para comenzar rápidamente:

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