kendo-ui Handledning
Komma igång med kendo-ui
Sök…
Anmärkningar
Det här avsnittet ger en översikt över vad kendo-ui är och varför en utvecklare kanske vill använda den.
Det bör också nämna alla stora ämnen inom kendo-ui och länka till relaterade ämnen. Eftersom dokumentationen för kendo-ui är ny kan du behöva skapa initialversioner av relaterade ämnen.
Installation eller installation
För att förbereda din webbplats eller webbapplikation för att använda Kendo UI, lägg bara till stil- och skriptfiler i avsnittet <head> på din sida.
CDN-tjänster tillhandahålls för de minifierade versionerna av officiella Kendo UI-versioner, för både HTTP- och HTTPS-protokoll.
JQuery krävs också för att använda Kendo UI och det tillhandahålls också av 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>
I utdraget ovan används kendo.all-skriptet, som innehåller alla grundläggande kendo-widgetar (DataViz-paketet med widgets ingår inte).
Du kan alternativt välja och välja vilka widgetar eller komponenter du vill ha genom att ladda skriptfilen för den komponenten. Ändra till exempel "alla" till "kalender" för att få skriptet för kalendervidget:
För en lista över alla filer du kan använda, se Kendo UI: s sida Endast vad du behöver
Här är ett funktionsavsnitt för stil- och skripttaggar som du kan använda för att snabbt komma igång:
<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>