kendo-ui Samouczek
Rozpoczęcie pracy z kendo-ui
Szukaj…
Uwagi
Ta sekcja zawiera przegląd tego, czym jest kendo-ui i dlaczego deweloper może chcieć go używać.
Powinien również wymieniać wszelkie duże tematy w kendo-ui i zawierać linki do powiązanych tematów. Ponieważ Dokumentacja dla kendo-ui jest nowa, może być konieczne utworzenie początkowych wersji tych pokrewnych tematów.
Instalacja lub konfiguracja
Aby przygotować swoją stronę internetową lub aplikację internetową do używania Kendo UI, po prostu dodaj pliki stylu i skryptów w sekcji <head> swojej strony.
Usługi CDN są świadczone dla zminimalizowanych wersji oficjalnych wydań interfejsu Kendo, zarówno dla protokołów HTTP, jak i HTTPS.
JQuery jest również wymagany do korzystania z interfejsu Kendo UI i jest również dostarczany przez 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>
W powyższym fragmencie użyto skryptu kendo.all, który obejmuje wszystkie podstawowe widżety kendo (pakiet widżetów DataViz nie jest dołączony).
Możesz również wybrać i wybrać widżety lub komponenty, ładując plik skryptu dla tego komponentu. Na przykład zmień „wszystkie” na „kalendarz”, aby uzyskać skrypt dla widżetu kalendarza:
Aby uzyskać listę wszystkich plików, których możesz użyć, zobacz stronę Tylko to, czego potrzebujesz w Kendo UI
Oto funkcjonalny fragment kodu stylu i znaczników skryptu, którego można użyć do szybkiego rozpoczęcia pracy:
<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>