Ignite UI สำหรับ JQuery ™ช่วยให้คุณสร้างแอปพลิเคชันบนเว็บที่มีประสิทธิภาพและมีประสิทธิภาพสูง Inside Ignite UI สำหรับ jQuery คุณจะพบกับการควบคุมประสบการณ์ผู้ใช้และส่วนประกอบสำหรับการสร้างเว็บแอปพลิเคชันที่มีส่วนร่วมของเว็บแอปพลิเคชันซึ่งกำหนดเป้าหมายไปที่เบราว์เซอร์สำหรับสภาพแวดล้อมบนมือถือและเดสก์ท็อป
Ignite UI สำหรับ jQuery ถูกสร้างขึ้นบน jQuery และ jQuery UI และความสัมพันธ์อย่างราบรื่นด้วยรุ่น JQuery Core และการประชุมรวมถึงการสนับสนุนการจัดแต่งทรงผมทั้งหมดผ่าน JQUERY UI Theme Roller นอกเหนือจาก jQuery Ignite UI สำหรับคุณสมบัติ jQuery รองรับธีม bootstrap, AngularJs, Knockout และ JQuery Mobile
| คุณสมบัติ | Ignite UI สำหรับ jQuery OSS | จุดชนวน UI สำหรับ jQuery เต็ม | Infragistics Ultimate | ช่วย |
|---|---|---|---|---|
| บรรณาธิการ | ||||
| igcombo | api help topics แหล่งที่มา | |||
| ผู้มีชื่อเสียง | api help topics แหล่งที่มา | |||
| ที่น่าสนใจ | api help topics แหล่งที่มา | |||
| igvalidator | api help topics แหล่งที่มา | |||
| igcurrencyeditor | api help topics แหล่งที่มา | |||
| igdateeditor | api help topics แหล่งที่มา | |||
| igmaskeditor | api help topics แหล่งที่มา | |||
| Ignumericeditor | api help topics แหล่งที่มา | |||
| igpercenteditor | api help topics แหล่งที่มา | |||
| igtexteditor | api help topics แหล่งที่มา | |||
| igcheckboxeditor | api help topics แหล่งที่มา | |||
| igdatepicker | api help topics แหล่งที่มา | |||
| เฟรมเวิร์ก | ||||
| igloader | api help topics แหล่งที่มา | |||
| Igdatasource | api help topics แหล่งที่มา | |||
| เครื่องยนต์เทมเพลต | api help topics แหล่งที่มา | |||
| เครื่องยนต์ JS Excel | api help topics แหล่งที่มา | |||
| iggridexcelexporter | api help topics แหล่งที่มา | |||
| การโต้ตอบ | ||||
| igtree | api help topics แหล่งที่มา | |||
| igdialog | api help topics แหล่งที่มา | |||
| igtoolbar | api help topics แหล่งที่มา | |||
| igtoolbarbutton | api help topics แหล่งที่มา | |||
| Igsplitbutton | api help topics แหล่งที่มา | |||
| เครื่องดื่มด่ำ | api help topics แหล่งที่มา | |||
| igpopover | api help topics แหล่งที่มา | |||
| igradialmenu | api help topics แหล่งที่มา | |||
| igcolorpicker | api help topics แหล่งที่มา | |||
| IgColorPickersPlitButton | api help topics แหล่งที่มา | |||
| igupload | api help topics แหล่งที่มา | |||
| igvideoplayer | api help topics แหล่งที่มา | |||
| igscroll | api help topics แหล่งที่มา | |||
| การสร้างภาพข้อมูล | ||||
| igdatachart | api help topics แหล่งที่มา | |||
| igCategoryChart | api help topics แหล่งที่มา | |||
| Igshapechart | api help topics แหล่งที่มา | |||
| igpiechart | api help topics แหล่งที่มา | |||
| igdoughnutchart | api help topics แหล่งที่มา | |||
| igfunnelchart | api help topics แหล่งที่มา | |||
| Igbulletgraph | api help topics แหล่งที่มา | |||
| iglineargauge | api help topics แหล่งที่มา | |||
| igradialgauge | api help topics แหล่งที่มา | |||
| igmap | api help topics แหล่งที่มา | |||
| igsparkline | api help topics แหล่งที่มา | |||
| igqrcodeBarcode | api help topics แหล่งที่มา | |||
| Igzoombar | api help topics แหล่งที่มา | |||
| การกำหนดเวลา | ||||
| igscheduler | api help topics แหล่งที่มา | |||
| เค้าโครง | ||||
| IglayoutManager | api help topics แหล่งที่มา | |||
| igsplitter | api help topics แหล่งที่มา | |||
| igtileManager | api help topics แหล่งที่มา | |||
| กริด | ||||
| iggrid | api help topics แหล่งที่มา | |||
| Ighierarchicalgrid | api help topics แหล่งที่มา | |||
| igtreegrid | api help topics แหล่งที่มา | |||
| สเปรดชีต | api help topics แหล่งที่มา | |||
| คุณสมบัติกริด | ||||
| คุณสมบัติการจัดการคอลัมน์ | api help topics แหล่งที่มา | |||
| การแก้ไขคอลัมน์ | api help topics แหล่งที่มา | |||
| การจัดกลุ่มคอลัมน์ | api help topics แหล่งที่มา | |||
| คอลัมน์ซ่อน | api help topics แหล่งที่มา | |||
| คอลัมน์เคลื่อนที่ | api help topics แหล่งที่มา | |||
| การปรับขนาดคอลัมน์ | api help topics แหล่งที่มา | |||
| สรุปคอลัมน์ | api help topics แหล่งที่มา | |||
| เทมเพลตคอลัมน์ | api help topics แหล่งที่มา | |||
| ส่วนหัวคอลัมน์หลายคอลัมน์ | api help topics แหล่งที่มา | |||
| กลุ่มคอลัมน์ที่ยุบได้ | api help topics แหล่งที่มา | |||
| การกรอง | api help topics แหล่งที่มา | |||
| การจัดเรียง | api help topics แหล่งที่มา | |||
| คอลัมน์ที่ไม่ได้ผูก | api help topics แหล่งที่มา | |||
| ตัวเลือกคุณสมบัติ | api help topics แหล่งที่มา | |||
| ตัวเลือกแถว | api help topics แหล่งที่มา | |||
| การเลือก | api help topics แหล่งที่มา | |||
| คำแนะนำเครื่องมือ | api help topics แหล่งที่มา | |||
| การอัปเดต | api help topics แหล่งที่มา | |||
| การเพจ | api help topics แหล่งที่มา | |||
| การรวมเซลล์ | api help topics แหล่งที่มา | |||
| โหมด Responsive Web Design (RWD) | api help topics แหล่งที่มา | |||
| การรวม JSrender | api help topics แหล่งที่มา | |||
| การอัปเดตที่เหลือ | api help topics แหล่งที่มา | |||
| การสนับสนุนที่น่าพิศวง | api help topics แหล่งที่มา | |||
| คอลัมน์และเค้าโครง | api help topics แหล่งที่มา | |||
| การทำให้เสมือนจริง | api help topics แหล่งที่มา | |||
| รูปแบบหลายแถวกริด | api help topics แหล่งที่มา | |||
| โหลดกริดตามความต้องการ | api help topics แหล่งที่มา | |||
| Olap Pivot | ||||
| igpivotdataselector | api help topics แหล่งที่มา | |||
| igpivotgrid | api help topics แหล่งที่มา | |||
| igpivotview | api help topics แหล่งที่มา | |||
| ส่วนขยายที่น่าพิศวง | ||||
| คำสั่งผสม | ช่วย หัวข้อแหล่งที่มา | |||
| บรรณาธิการ | ช่วย หัวข้อแหล่งที่มา | |||
| ต้นไม้ | ช่วย หัวข้อแหล่งที่มา | |||
| กริด | ช่วย หัวข้อแหล่งที่มา | |||
| แผนภูมิ | ช่วย หัวข้อแหล่งที่มา | |||
| การสร้างธีม | ||||
| รถไฟฟ้าใต้ดิน | ช่วย หัวข้อแหล่งที่มา | |||
| iOS | ช่วย หัวข้อแหล่งที่มา | |||
| bootstrap ค่าเริ่มต้น | ช่วย หัวข้อแหล่งที่มา | |||
| bootstrap 4 ค่าเริ่มต้น | ช่วย หัวข้อแหล่งที่มา | |||
| ซูเปอร์ฮีโร่ bootstrap | ช่วย หัวข้อแหล่งที่มา | |||
| bootstrap เรียบ | ช่วย หัวข้อแหล่งที่มา | |||
| Bootstrap Yeti | ช่วย หัวข้อแหล่งที่มา | |||
| อินฟิราจิสติกส์ | ช่วย หัวข้อแหล่งที่มา | |||
| Infragistics2012 | ช่วย หัวข้อแหล่งที่มา | |||
| ส่วนขยาย MVC | ช่วย หัวข้อแหล่งที่มา | |||
| สนับสนุนนักพัฒนา 24/5 |
แพ็คเกจสำหรับพื้นที่เก็บข้อมูลการพัฒนานี้มีทั้ง npm และ bower ในการเริ่มต้นใช้งานการติดตั้ง Package Manager ที่เกี่ยวข้อง:
เพื่อเริ่มต้นด้วย Ignite UI สำหรับ jQuery CLI และ Ignite UI สำหรับ 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 >เนื้อหาที่สร้างขึ้นเต็มรูปแบบสำหรับแพ็คเกจทั้งสองสามารถเรียกดูได้ที่ Ignite UI สำหรับที่เก็บ jQuery Bower Shim
นอกเหนือจากการเรียกดูตัวอย่างออนไลน์ของเราแล้วคุณยังสามารถเรียกใช้การสาธิตที่มาพร้อมกับ repo นี้ในโคลนท้องถิ่น สิ่งเหล่านั้นมีประโยชน์สำหรับการลองใช้คุณสมบัติการควบคุมบางอย่างอย่างรวดเร็วเป็นฐานสำหรับตัวอย่างอื่น ๆ หรือแม้แต่การทดสอบการเปลี่ยนแปลงในท้องถิ่น
ในการตั้งค่าที่เก็บจะเรียกใช้ต่อไปนี้ในไดเรกทอรีรูท:
npm installคำสั่งจะติดตั้งการพึ่งพาการสร้างทั้งหมดเช่นเดียวกับแพ็คเกจ Bower ที่ใช้ในการสาธิต
เพื่อสร้างผลิตภัณฑ์:
grunt build สิ่งนี้จะสร้างไฟล์ต้นฉบับภายใต้ dist/ โฟลเดอร์ที่สมบูรณ์ด้วยสถานที่ที่ผสานสคริปต์รวมและโครงสร้าง CSS และสามารถเรียกได้อีกครั้งเพื่อรวมการเปลี่ยนแปลงใหม่
การสาธิต HTML ภายใต้ demos/<control> สามารถเรียกใช้โดยตรงจากระบบไฟล์
คุณสามารถค้นหาแนวทางทั้งหมดเกี่ยวกับวิธีการมีส่วนร่วมในหน้า Wiki