kendo-ui учебник
Начало работы с kendo-ui
Поиск…
замечания
В этом разделе представлен обзор того, что такое kendo-ui, и почему разработчик может захотеть его использовать.
Следует также упомянуть о любых крупных предметах в кендо-уи и ссылаться на связанные темы. Поскольку Документация для kendo-ui является новой, вам может потребоваться создать начальные версии этих связанных тем.
Установка или настройка
Чтобы подготовить свой веб-сайт или веб-приложение для использования пользовательского интерфейса Kendo, просто добавьте файлы стиля и сценария в раздел <head> на своей странице.
Службы CDN предоставляются для минитипированных версий официальных релизов Kendo UI для протоколов HTTP и HTTPS.
JQuery также должен использовать интерфейс Kendo, а также 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>
В приведенном выше фрагменте используется сценарий kendo.all, который включает в себя все основные виджеты кендо (набор виджета DataViz не включен).
Вы также можете выбрать и выбрать какие виджеты или компоненты, которые вы хотите, загрузив файл сценария для этого компонента. Например, измените «все» на «календарь», чтобы получить скрипт для виджета календаря:
Список всех файлов, которые вы можете использовать, см. В разделе « Только то, что вам нужно» Kendo UI
Вот функциональный фрагмент для стилей и тегов скриптов, которые вы можете использовать для быстрого начала работы:
<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>