ignite ui
vice Release 3
Ignite UI für JQuery ™ hilft Ihnen, leistungsstarke webbasierte, leistungsstarke webbasierte Anwendungen aufzubauen. In der INTIRE UI für JQuery finden Sie Benutzererfahrungssteuerungen und -komponenten für die Erstellung von Webanwendungen für ansprechende Geschäftsanwendungen, die auf die Browser sowohl für mobile als auch für Desktop-Umgebungen abzielen.
Ignite UI für JQuery basiert auf JQuery und JQuery UI und verbindet sich nahtlos mit dem Jquery Core -Modell und den Kongressen, einschließlich aller Styling -Unterstützung über JQuery UI -Themenroller. Beyond JQuery Ignite UI für JQuery bietet Unterstützung für Bootstrap -Themen, AngularJs, Knockout und JQuery Mobile.
| Besonderheit | Ui für jQuery oss entzünden | Ui für jQuery voll entzünden | Infragistik Ultimate | Helfen |
|---|---|---|---|---|
| Redakteure | ||||
| Igcombo | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igtmleditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| igrieren | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igvalidator | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igcurrencyeditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| IgdateEditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igmaskeditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Ignumericeditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igpercenteditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igtexteditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igcheckboxeditor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igdatepicker | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Frameworks | ||||
| Igloader | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igdatasource | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Vorlagenmotor | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| JS Excel Motor | ✅ | ✅ | API Hilfe Topics Quelle | |
| iggridexcelexporter | ✅ | ✅ | API Hilfe Topics Quelle | |
| Interaktionen | ||||
| Igtree | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igdialog | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igtoolbar | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igtoolbarbutton | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| igsplitbutton | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Ignotifier | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igpopover | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| igradialmenu | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igcolorpicker | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| igcolorpickersplitbutton | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| igelpload | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igvideoplayer | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| IgScroll | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Datenvisualisierung | ||||
| Igdatachart | ✅ | ✅ | API Hilfe Topics Quelle | |
| IgcategoryChart | ✅ | ✅ | API Hilfe Topics Quelle | |
| IgShapechart | ✅ | ✅ | API Hilfe Topics Quelle | |
| igpiechart | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igdoughnutchart | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igfunnelchart | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igbulletgraph | ✅ | ✅ | API Hilfe Topics Quelle | |
| Iglineargauge | ✅ | ✅ | API Hilfe Topics Quelle | |
| igradialgauge | ✅ | ✅ | API Hilfe Topics Quelle | |
| IgMap | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igsparkline | ✅ | ✅ | API Hilfe Topics Quelle | |
| igqrCodeBarcode | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igzoombar | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Planung | ||||
| Ighalchsuler | ✅ | ✅ | API Hilfe Topics Quelle | |
| Layout | ||||
| IglayoutManager | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igsplitter | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Igtilemanager | ✅ | ✅ | ✅ | API Hilfe Topics Quelle |
| Gitter | ||||
| Iggrid | ✅ | ✅ | API Hilfe Topics Quelle | |
| Ighierarchicalgrid | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igtreeegrid | ✅ | ✅ | API Hilfe Topics Quelle | |
| Kalkulationstabelle | ✅ | ✅ | API Hilfe Topics Quelle | |
| Netzfunktionen | ||||
| Spaltenverwaltungsfunktionen | ✅ | ✅ | API Hilfe Topics Quelle | |
| Säulenfixierung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Säulengruppierung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Säulenversteck | ✅ | ✅ | API Hilfe Topics Quelle | |
| Säule bewegen | ✅ | ✅ | API Hilfe Topics Quelle | |
| Säulengrößenänderung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Spaltenzusammenfassungen | ✅ | ✅ | API Hilfe Topics Quelle | |
| Spaltenvorlage | ✅ | ✅ | API Hilfe Topics Quelle | |
| Multi-Säulen-Header | ✅ | ✅ | API Hilfe Topics Quelle | |
| Zusammenklappbare Spaltengruppen | ✅ | ✅ | API Hilfe Topics Quelle | |
| Filterung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Sortierung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Ungebundene Säulen | ✅ | ✅ | API Hilfe Topics Quelle | |
| Feature Chooser | ✅ | ✅ | API Hilfe Topics Quelle | |
| Zeilenauswahl | ✅ | ✅ | API Hilfe Topics Quelle | |
| Auswahl | ✅ | ✅ | API Hilfe Topics Quelle | |
| Tooltips | ✅ | ✅ | API Hilfe Topics Quelle | |
| Aktualisierung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Paging | ✅ | ✅ | API Hilfe Topics Quelle | |
| Zellverschmelzung | ✅ | ✅ | API Hilfe Topics Quelle | |
| RWD -Modus (Responsive Web Design) | ✅ | ✅ | API Hilfe Topics Quelle | |
| JSRender -Integration | ✅ | ✅ | API Hilfe Topics Quelle | |
| Restaktualisierung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Knockout -Unterstützung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Spalten und Layout | ✅ | ✅ | API Hilfe Topics Quelle | |
| Virtualisierung | ✅ | ✅ | API Hilfe Topics Quelle | |
| Grid Multi-Reihen-Layout | ✅ | ✅ | API Hilfe Topics Quelle | |
| Netzlast bei Bedarf | ✅ | ✅ | API Hilfe Topics Quelle | |
| Olap Pivot | ||||
| igpivotDataselector | ✅ | ✅ | API Hilfe Topics Quelle | |
| Igpivotgrid | ✅ | ✅ | API Hilfe Topics Quelle | |
| IgpivotView | ✅ | ✅ | API Hilfe Topics Quelle | |
| Knockout -Erweiterungen | ||||
| Combo | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Redakteure | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Baum | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Netz | ✅ | ✅ | Helfen Sie Topics Quelle | |
| Diagramm | ✅ | ✅ | Helfen Sie Topics Quelle | |
| Themen | ||||
| Metro | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| iOS | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Bootstrap Standard | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Bootstrap 4 Standard | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Bootstrap Superhelden | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Bootstrap rundheraus | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Bootstrap Yeti | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Infragistik | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| Infragistik2012 | ✅ | ✅ | ✅ | Helfen Sie Topics Quelle |
| MVC -Erweiterungen | ✅ | ✅ | Helfen Sie Topics Quelle | |
| Entwicklerunterstützung 24/5 | ✅ | ✅ |
Das Paket für dieses Entwicklungsrepository ist sowohl für npm als auch bower verfügbar. Um zu beginnen, folgen Sie der jeweiligen Installation von Paketmanager:
Um mit der Ignite UI für JQuery CLI und Ignite UI für JQuery zu beginnen:
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-uiDas Paket enthält ähnliche Dateien und Struktur wie in der Vollversion von Ignite UI für JQuery mit vollständigen Stilen und Lite -Versionen der kombinierten Skriptdateien:
< 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 >Der vollständige Inhalt für beide Pakete kann an der IGNITE -UI für Jquery Bower Shim Repository durchsucht werden.
Neben dem Surfen in unseren Online -Beispielen können Sie auch die mit diesem Repo enthaltenen Demos in einem lokalen Klon ausführen. Diese sind nützlich, um einige Kontrollfunktionen schnell auszuprobieren, als Basis für andere Stichproben oder sogar das Testen lokaler Änderungen.
So richten Sie das Repository ein, das Folgendes im Stammverzeichnis ausführen:
npm installDer Befehl installiert alle Build -Abhängigkeiten sowie Bower -Pakete, die in den Demos verwendet werden.
Um das Produkt zu bauen:
grunt build Dadurch werden Quelldateien unter dem dist/ Ordner mit zusammengeführten Lokalen, kombiniertem Skript und Struktur -CSS erstellt und kann erneut aufgerufen werden, um neue Änderungen einzuschließen.
Die HTML -Demos unter demos/<control> können jetzt direkt aus dem Dateisystem ausgeführt werden.
Sie finden alle Richtlinien, wie Sie auf der Wiki -Seite beitragen können.
