آموزش فریم ورک Kendo UI
آموزش Kendo UI (کندو یو آی)-معرفی Kendo UI
در این آموزش، قصد داریم در مورد فریم ورک Kendo UI (کندو یو آی) توضیحاتی را ارائه دهیم.
Kendo UI (کندو یو آی) از سری کامپوننت های شرکت Telerik هست و بر پایه HTML5 و jQuery و CSS3 می باشد.
برای اینکه با قدرت Kendo UI (کندو یو آی) آشنا شوید، بهتر است همراه با ما، مثال های ارائه شده در این مجوعه را مرور فرمایید.
شروع کار با Kendo UI
برای استفاده از امکانات Kendo UI (کندو یو آی) باید چند فایل را به صفحه لینک کنید:
فایل های CSS
در فایل های CSS زیر، تمام کلاس هایی که برای طراحی ظاهر ابزارهای Kendo (کندو) نیاز است، تعریف شده است:
- kendo.common.min.css
- kendo.default.min.css
- kendo.rtl.min.css
فایل ها JavaScript
باید کتابخانه jQuery و همچنین پلاگین اصلی kendo (کندو) که شامل کلیه کدهای مورد نیاز برای ساخت ابزارها است را به صفحه لینک کنیم:
- jquery.min.js
- kendo.web.min.js
توجه: متأسفانه بدلیل تحریم ایران، دسترسی به سایت اصلی Telerik، امکان پذیر نمی باشد. در انتهای این آموزش، فایل های بالا قرار داده شده است.
در مثال زیر، فایل های مورد نیاز به صفحه لینک شده است:
<html>
<head>
<link rel="stylesheet" href="/style/kendo.common.min.css" type="text/css" />
<link rel="stylesheet" href="/style/kendo.default.min.css" type="text/css" />
<link rel="stylesheet" href="/style/kendo.rtl.min.css" type="text/css" />
<script src="/js/jquery.min.js"></script>
<script src="/js/kendo.web.min.js"></script>
<script>
$(document).ready(function(){
//دستـــــــــــــــــــورات
});
</script>
</head>
<body class="k-rtl">
</body>
</html>
توضیح:
- همان طور که گفته شد در Kendo UI از HTML5 استفاده می شود، بنابراین باید <!DOCTYPE html> را در ابتدای صفحه اعلان نمایید.
- برای مدیریت بهتر فایل های پروژه، فایل های CSS را داخل پوشه style و فایل های jQuery و Kendo UI را در پوشه js قرار داده ایم.
- همانطور که می دانید، تمام متدهای jQuery داخل رویداد ready آورده می شوند. این امر باعت می شود تا کدهای jQuery بعد ازبارگذاری کامل صفحه، اجرا شوند. همچنین با این تکنیک، قادر خواهید بود کدهای JavaScript را در قسمت <head> صفحه قرار دهید.
- برای استفاده از ابزارهای Kendo UI در زبان های راست به چپ، علاوه براینکه باید فایل kendo.rtl.min.css را به صفحه لینک کنید، باید کلاس "k-rtl" را در تگ <body> تنظیم نمایید.
دانلود فایل های Kendo UI
- دانلود مستقیم: beyamooz_kendo_ui.zip
پاسورد: www.beyamooz.com
حجم: 907 کیلو بایت
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 52389
دیدگاهها
مرسی ممنون از شما
دست شما درد نکنه
با سلام و ممنون از سایت خوبتون
لطفا آموزش Angular js و sass را داخل سایت قرار بدید.
مچکرم.
سلام
آموزش angular به درخواست شما در سایت قرار داده شد.
afarin .khayli site khob o alie hastesh.
به نقل از ایلماز:
آموزش kendo در حال کامل شدن است...!
آیا با webcopier میشه. تورو خدا کامنتم رو پاسخ بدید.
خدا خیرتون بدهد
سلام
واقعا دستتون درد نکنه خیلی سایت خوبی دارید
میخاستم ببینم با چه برنامه ای میشه سایت خوبتون رو به صورت کامل دانلود کنم و روی لب تابم ذخیره کنم ، مثل w3schol.com
لطفا من راهنمایی کنید
با تشکر
سلام، ازتون یه خواهش دارم ... و اون اینکه تلاش 4 ساله ی تیم ما رو با قرار دادن اینگونه نسخه های آفلاین از بین نبرید و اگر لینکی را برای دانلود قرار داده اید، آنرا حذف کنید. بنده به عنوان مدیر ارشد تیم بیاموز ازتون خواهش می کنم که مطالب سایت را فقط از طریق پایگاه اینترنتی آن مشاهده بفرمایید.
آموزش Kendo عالی بود.