Looking for kendo-ui Keywords? Try Ask4Keywords

kendo-uiErste Schritte mit Kendo-Ui


Bemerkungen

In diesem Abschnitt erhalten Sie einen Überblick darüber, was Kendo-ui ist und warum ein Entwickler es verwenden möchte.

Es sollte auch alle großen Themen in Kendo-ui erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für kendo-ui neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.

Installation oder Setup

Um Ihre Website oder Webanwendung für die Verwendung der Kendo-Benutzeroberfläche vorzubereiten, fügen Sie einfach die Stil- und Skriptdateien im Abschnitt <head> Ihrer Seite hinzu.

CDN-Dienste werden für die minimierten Versionen der offiziellen Kendo UI-Versionen sowohl für das HTTP- als auch für das HTTPS-Protokoll bereitgestellt.

JQuery ist auch für die Verwendung der Kendo-Benutzeroberfläche erforderlich und wird ebenfalls von CDN bereitgestellt.

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

Im obigen Snippet wird das Skript kendo.all verwendet, das alle grundlegenden Kendo-Widgets enthält (die DataViz-Suite von Widgets ist nicht enthalten).

Sie können alternativ auswählen, welche Widgets oder Komponenten Sie möchten, indem Sie die Skriptdatei für diese Komponente laden. Ändern Sie beispielsweise "all" in "calendar", um das Skript für das Kalender-Widget abzurufen:

Eine Liste aller Dateien, die Sie verwenden können, finden Sie auf der Seite Nur die Seite, die Sie benötigen

Hier ist ein Funktionsausschnitt für Stil- und Skript-Tags, mit dem Sie schnell loslegen können:

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