Introdução ao kendo-ui

Instalação ou Configuração

Para preparar seu site ou aplicativo da web para usar o Kendo UI, basta adicionar os arquivos de estilo e script na seção <head> de sua página.

Os serviços de CDN são fornecidos para as versões reduzidas de versões oficiais da interface do usuário do Kendo, para protocolos HTTP e HTTPS.

O JQuery também é necessário para usar o Kendo UI e também é fornecido pela 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>

No trecho acima, é usado o script kendo.all, que inclui todos os widgets básicos de kendo (o conjunto de widgets DataViz não está incluído).

Você também pode escolher quais widgets ou componentes deseja carregando o arquivo de script para esse componente. Por exemplo, altere “all” para “calendar” para obter o script do widget de calendário:

Para obter uma lista de todos os arquivos que você pode usar, consulte a página Somente o que você precisa do Kendo UI

Aqui está um snippet funcional para tags de estilo e script que você pode usar para começar 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>