kendo-ui ट्यूटोरियल
मेंडू-उई के साथ शुरुआत करना
खोज…
टिप्पणियों
यह खंड किन्डो-यूई का अवलोकन प्रदान करता है, और क्यों एक डेवलपर इसका उपयोग करना चाहता है।
यह किन्डो-उई के भीतर किसी भी बड़े विषयों का उल्लेख करना चाहिए, और संबंधित विषयों के लिए लिंक करना चाहिए। चूँकि मेंडू-उई के लिए प्रलेखन नया है, इसलिए आपको उन संबंधित विषयों के प्रारंभिक संस्करण बनाने की आवश्यकता हो सकती है।
स्थापना या सेटअप
Kendo UI का उपयोग करने के लिए अपनी वेब साइट या वेब एप्लिकेशन तैयार करने के लिए, बस अपने पृष्ठ के <head> अनुभाग में शैली और स्क्रिप्ट फ़ाइलों को जोड़ें।
सीडीएन सेवाएं HTTP और HTTPS प्रोटोकॉल दोनों के लिए, आधिकारिक Kendo UI रिलीज़ के लघु संस्करणों के लिए प्रदान की जाती हैं।
जेएनडी को केडो यूआई का उपयोग करना भी आवश्यक है और यह सीडीएन द्वारा भी प्रदान किया गया है।
<!-- 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 स्क्रिप्ट का उपयोग किया जाता है, जिसमें सभी बुनियादी kendo विजेट शामिल हैं (विजेट का डेटाविज़ सूट शामिल नहीं है)।
आप वैकल्पिक रूप से उस घटक के लिए स्क्रिप्ट फ़ाइल को लोड करके कौन से विजेट या घटक चुन सकते हैं। उदाहरण के लिए, कैलेंडर विजेट के लिए स्क्रिप्ट प्राप्त करने के लिए "सभी" को "कैलेंडर" में बदलें:
आपके द्वारा उपयोग की जा सकने वाली सभी फ़ाइलों की सूची के लिए, 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>