ignite ui
vice Release 3
تساعدك INGITE UI for JQuery ™ على بناء تطبيقات قوية على الويب عالية الأداء. داخل ignite واجهة المستخدم لـ jQuery ، ستجد عناصر تحكم ومكونات تجربة المستخدم لإنشاء تطبيقات ويب جذابة لخط تجاري تستهدف المتصفحات لكل من بيئات الأجهزة المحمولة وسطح المكتب.
تم بناء Ignite UI لـ jQuery على jQuery و jQuery UI وربطه بسلاسة مع نموذج JQuery Core والاتفاقيات بما في ذلك جميع دعم التصميم عبر أسطوانة موضوع jQuery. ما وراء jquery ignite واجهة المستخدم لميزات jQuery دعم لموضوعات bootstrap ، AngularJs ، خروج المغلوب و jQuery Mobile.
| ميزة | INGITE واجهة المستخدم لـ jQuery OSS | إشعال واجهة المستخدم لـ jQuery ممتلئة | infragistics Ultimate | يساعد |
|---|---|---|---|---|
| المحررين | ||||
| igcombo | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| ightmleditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| مهاجمة | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| Igvalidator | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| IgCurrencyeditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igDateEditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igmaskeditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| Ignumericeditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| IgperCenteditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igtexteditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igcheckboxeditor | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igdatepicker | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| الأطر | ||||
| igloader | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igdatasource | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| محرك templating | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| محرك JS Excel | ✅ | ✅ | مصدر API HEND TOFICS | |
| IggridexcelExporter | ✅ | ✅ | مصدر API HEND TOFICS | |
| التفاعلات | ||||
| igtree | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igdialog | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igtoolbar | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igtoolbarbutton | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igsplitbutton | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| Ignotifier | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igpopover | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igradialmenu | ✅ | ✅ | مصدر API HEND TOFICS | |
| igcolorpicker | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igcolorpickersplitbutton | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igupload | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| IgVideOplayer | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igscroll | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| تصور البيانات | ||||
| igdatachart | ✅ | ✅ | مصدر API HEND TOFICS | |
| IgCategoryChart | ✅ | ✅ | مصدر API HEND TOFICS | |
| igshapechart | ✅ | ✅ | مصدر API HEND TOFICS | |
| igpiechart | ✅ | ✅ | مصدر API HEND TOFICS | |
| igdoughnutchart | ✅ | ✅ | مصدر API HEND TOFICS | |
| Igfunnelchart | ✅ | ✅ | مصدر API HEND TOFICS | |
| Igbulletgraph | ✅ | ✅ | مصدر API HEND TOFICS | |
| iglinargauge | ✅ | ✅ | مصدر API HEND TOFICS | |
| igradialgauge | ✅ | ✅ | مصدر API HEND TOFICS | |
| igmap | ✅ | ✅ | مصدر API HEND TOFICS | |
| igsparkline | ✅ | ✅ | مصدر API HEND TOFICS | |
| igqrcodeBarcode | ✅ | ✅ | مصدر API HEND TOFICS | |
| igzoombar | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| الجدولة | ||||
| igscheduler | ✅ | ✅ | مصدر API HEND TOFICS | |
| تَخطِيط | ||||
| IglayoutManager | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| igsplitter | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| IgtileManager | ✅ | ✅ | ✅ | مصدر API HEND TOFICS |
| شبكات | ||||
| iggrid | ✅ | ✅ | مصدر API HEND TOFICS | |
| ighierarchicalgrid | ✅ | ✅ | مصدر API HEND TOFICS | |
| igtreegrid | ✅ | ✅ | مصدر API HEND TOFICS | |
| جدول البيانات | ✅ | ✅ | مصدر API HEND TOFICS | |
| ميزات الشبكة | ||||
| ميزات إدارة الأعمدة | ✅ | ✅ | مصدر API HEND TOFICS | |
| إصلاح العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| تجميع العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| تخفي العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| يتحرك العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| تغيير حجم العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| ملخصات العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| قالب العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| الرؤوس متعددة العمود | ✅ | ✅ | مصدر API HEND TOFICS | |
| مجموعات الأعمدة القابلة للطي | ✅ | ✅ | مصدر API HEND TOFICS | |
| تصفية | ✅ | ✅ | مصدر API HEND TOFICS | |
| فرز | ✅ | ✅ | مصدر API HEND TOFICS | |
| الأعمدة غير المقيدة | ✅ | ✅ | مصدر API HEND TOFICS | |
| ميزة الاختيار | ✅ | ✅ | مصدر API HEND TOFICS | |
| محددات الصف | ✅ | ✅ | مصدر API HEND TOFICS | |
| اختيار | ✅ | ✅ | مصدر API HEND TOFICS | |
| تلميحات الأدوات | ✅ | ✅ | مصدر API HEND TOFICS | |
| التحديث | ✅ | ✅ | مصدر API HEND TOFICS | |
| الترحيل | ✅ | ✅ | مصدر API HEND TOFICS | |
| دمج الخلية | ✅ | ✅ | مصدر API HEND TOFICS | |
| وضع تصميم الويب المستجيب (RWD) | ✅ | ✅ | مصدر API HEND TOFICS | |
| تكامل JSRender | ✅ | ✅ | مصدر API HEND TOFICS | |
| استراحة التحديث | ✅ | ✅ | مصدر API HEND TOFICS | |
| دعم خروج المغلوب | ✅ | ✅ | مصدر API HEND TOFICS | |
| الأعمدة والتخطيط | ✅ | ✅ | مصدر API HEND TOFICS | |
| المحاكاة الافتراضية | ✅ | ✅ | مصدر API HEND TOFICS | |
| تخطيط الشبكة متعددة الصفوف | ✅ | ✅ | مصدر API HEND TOFICS | |
| تحميل الشبكة عند الطلب | ✅ | ✅ | مصدر API HEND TOFICS | |
| olap pivot | ||||
| IgpivotDataSelector | ✅ | ✅ | مصدر API HEND TOFICS | |
| igpivotgrid | ✅ | ✅ | مصدر API HEND TOFICS | |
| igpivotview | ✅ | ✅ | مصدر API HEND TOFICS | |
| ملحقات خروج المغلوب | ||||
| التحرير والسرد | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| المحررين | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| شجرة | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| شبكة | ✅ | ✅ | مصدر مساعدة المواضيع | |
| جدول | ✅ | ✅ | مصدر مساعدة المواضيع | |
| هم | ||||
| المترو | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| iOS | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| bootstrap الافتراضي | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| Bootstrap 4 الافتراضي | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| bootstrap superhero | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| bootstrap بشكل قاطع | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| bootstrap yeti | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| infragistics | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| infragistics2012 | ✅ | ✅ | ✅ | مصدر مساعدة المواضيع |
| امتدادات MVC | ✅ | ✅ | مصدر مساعدة المواضيع | |
| دعم المطور 24/5 | ✅ | ✅ |
تتوفر حزمة مستودع التطوير هذا على كل من npm و bower . للبدء ، اتبع تثبيت مدير الحزمة المعني:
للبدء مع واجهة المستخدم INGITE لـ jQuery CLI وإشعال واجهة المستخدم لـ jQuery:
npm i -g igniteui-cli
ig new <project name> --framework=jquery
cd <project name>
ig add combo <component name>
ig start
npm install ignite-uibower install ignite-uiتحتوي الحزمة على ملفات مماثلة وهيكل على ما تجده في الإصدار الكامل من Ignite UI لـ jQuery مع أنماط كاملة وإصدارات Lite من ملفات البرنامج النصي المدمجة:
< script src =" <node_modules|bower_components>/ignite-ui/js/infragistics.core-lite.js " type =" text/javascript " > </ script >
< script src =" <node_modules|bower_components>/ignite-ui/js/infragistics.lob-lite.js " type =" text/javascript " > </ script >يمكن تصفح المحتوى الكامل المدمج لكلا الحزمتين في واجهة المستخدم INGITE لمستودع jQuery Bower Shim.
إلى جانب تصفح عيناتنا عبر الإنترنت ، يمكنك أيضًا تشغيل العروض التوضيحية المضمنة مع هذا الريبو في استنساخ محلي. هذه مفيدة لتجربة بعض ميزات التحكم بسرعة ، كقاعدة للعينات الأخرى أو حتى اختبار التغييرات المحلية.
لإعداد المستودع تشغيل ما يلي في دليل الجذر:
npm installسيقوم الأمر بتثبيت جميع تبعيات البناء وكذلك حزم المقصورة المستخدمة في العروض التجريبية.
لبناء المنتج:
grunt build سيؤدي ذلك إلى إنشاء ملفات مصدر تحت المجلد dist/ المجلد الكامل مع لغات مدمجة ، والبرنامج النصي المدمج والهيكل CSS ويمكن استدعاؤه مرة أخرى لتضمين تغييرات جديدة.
يمكن الآن تشغيل عروض HTML تحت demos/<control> مباشرة من نظام الملفات.
يمكنك العثور على جميع الإرشادات حول كيفية المساهمة في صفحة Wiki.
