kendo-ui Tutorial
Empezando con el kendo-ui
Buscar..
Observaciones
Esta sección proporciona una descripción general de qué es kendo-ui y por qué un desarrollador puede querer usarlo.
También debe mencionar cualquier tema grande dentro de kendo-ui, y vincular a los temas relacionados. Dado que la Documentación para kendo-ui es nueva, es posible que deba crear versiones iniciales de esos temas relacionados.
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 CDN se proporcionan para las versiones mínimas de las versiones oficiales de la interfaz de usuario de Kendo, tanto para los protocolos HTTP como para los protocolos HTTPS.
También se requiere que JQuery utilice la interfaz de usuario de Kendo y CDN también la proporciona.
<!-- 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 de código anterior, se utiliza el script kendo.all, que incluye todos los widgets básicos de kendo (el conjunto de widgets DataViz no está incluido).
Alternativamente, puede elegir y elegir los widgets o componentes que desee al cargar el archivo de script 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 Sólo lo que necesita de la interfaz de usuario de Kendo
Aquí hay un fragmento funcional de etiquetas de estilo y script 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>