ignite ui
vice Release 3
Ignite UI pour JQuery ™ vous aide à créer des applications Web puissantes et hautes performances. À l'intérieur de l'interface utilisateur Ignite pour jQuery, vous trouverez des contrôles et des composants de l'expérience utilisateur pour créer des applications Web engageantes de ligne de commerce qui ciblent les navigateurs pour les environnements mobiles et de bureau.
L'interface utilisateur Ignite pour jQuery est construite sur JQuery et jQuery UI et les liens avec le modèle JQuery Core et les conventions, y compris tout le support de style via le rouleau de thème JQuery UI. Beyond jQuery Ignite UI pour jQuery présente la prise en charge des thèmes bootstrap, AngularJS, KO et JQuery Mobile.
| Fonctionnalité | Ignite UI pour jQuery Oss | Ignite UI pour jQuery Full | Infragistique ultime | Aide |
|---|---|---|---|---|
| Éditeurs | ||||
| igombo | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| ightmleditor | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igrer | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igvalidateur | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| IgCurrencyEditor | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igdateeditor | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igmaskeditor | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Ignméricadiator | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igpercentediator | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igtexteditor | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| IgcheckboxEditor | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igdatepicker | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Frameworks | ||||
| igloader | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igdatasource | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Moteur de modèle | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Moteur JS Excel | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| iggridexcexporteur | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Interactions | ||||
| igtree | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igdialog | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igtoolbar | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igtoolbarbutton | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igsplitbutton | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| ignotificateur | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igpopover | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igradialmenu | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igcolorpicker | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igcolorpickersplitbutton | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igupload | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igvideoplayer | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igscroll | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Visualisation des données | ||||
| Igdatachart | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igcategorychart | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Igshapechart | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igpichart | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Igdoughnutchart | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igfunnelchart | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igbulletgraph | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| iglineargauge | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igradialgauge | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igmap | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igSparkline | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igqrcodebarcode | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igzombar | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Planification | ||||
| igscheduler | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Mise en page | ||||
| IglayoutManager | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igsplitter | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| igntilemanager | ✅ | ✅ | ✅ | API AIDE SOURCE SOURCE |
| Grilles | ||||
| iggrid | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| prime à l'origine | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igtreegrid | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Tableur | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Caractéristiques de la grille | ||||
| Caractéristiques de gestion des colonnes | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Fixation de la colonne | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Regroupement de colonnes | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Cachette de colonne | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Colonne Déplacement | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Redimensionnement des colonnes | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Résumés de colonnes | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Modèle de colonne | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| En-têtes multi-colonnes | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Groupes de colonnes pliables | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Filtration | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Tri | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Colonnes non liées | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Chauffeur de fonctionnalités | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Sélecteurs de lignes | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Sélection | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Infractions | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Mise à jour | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Pagination | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Fusion de cellules | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Mode de conception Web réactive (RWD) | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Intégration JSRender | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| REST MISE À JOUR | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Support à élimination directe | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Colonnes et mise en page | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Virtualisation | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Disposition multi-rangs de grille | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Charge de grille à la demande | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Pivot olap | ||||
| igpivotdataselector | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igpivotgrid | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| igpivotview | ✅ | ✅ | API AIDE SOURCE SOURCE | |
| Extensions à élimination directe | ||||
| Combo | ✅ | ✅ | ✅ | Aide Source des sujets |
| Éditeurs | ✅ | ✅ | ✅ | Aide Source des sujets |
| Arbre | ✅ | ✅ | ✅ | Aide Source des sujets |
| Grille | ✅ | ✅ | Aide Source des sujets | |
| Graphique | ✅ | ✅ | Aide Source des sujets | |
| Thème | ||||
| Métro | ✅ | ✅ | ✅ | Aide Source des sujets |
| ios | ✅ | ✅ | ✅ | Aide Source des sujets |
| Bootstrap par défaut | ✅ | ✅ | ✅ | Aide Source des sujets |
| Bootstrap 4 par défaut | ✅ | ✅ | ✅ | Aide Source des sujets |
| Super-héros bootstrap | ✅ | ✅ | ✅ | Aide Source des sujets |
| Bootstrap catégoriquement | ✅ | ✅ | ✅ | Aide Source des sujets |
| Bootstrap yeti | ✅ | ✅ | ✅ | Aide Source des sujets |
| Infragistique | ✅ | ✅ | ✅ | Aide Source des sujets |
| Infragistics2012 | ✅ | ✅ | ✅ | Aide Source des sujets |
| Extensions MVC | ✅ | ✅ | Aide Source des sujets | |
| Support des développeurs 24/5 | ✅ | ✅ |
Le package de ce référentiel de développement est disponible sur npm et bower . Pour commencer, suivez l'installation respective du gestionnaire de packages:
Pour commencer avec l'interface utilisateur Ignite pour jQuery CLI et Ignite UI pour 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-uiLe package contient des fichiers et une structure similaires à ce que vous trouverez dans la version complète de l'interface utilisateur Ignite pour jQuery avec des styles complets et des versions Lite des fichiers de script combinés:
< 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 >Le contenu complet pour les deux packages peut être navigué à l'interface utilisateur Ignite pour le référentiel jQuery Bower Shim.
En plus de parcourir nos échantillons en ligne, vous pouvez également exécuter les démos incluses avec ce dépôt dans un clone local. Ceux-ci sont utiles pour essayer rapidement certaines fonctionnalités de contrôle, comme base pour d'autres échantillons ou même tester les modifications locales.
Pour configurer le référentiel, exécutez ce qui suit dans le répertoire racine:
npm installLa commande installera toutes les dépendances de construction ainsi que les packages de bower utilisés dans les démos.
Pour construire le produit:
grunt build Cela créera des fichiers source sous le dist/ Dossier complet avec des lieux fusionnés, des scripts et des structures combinés CSS et peut être appelé à nouveau pour inclure de nouvelles modifications.
Les démos HTML sous demos/<control> peuvent désormais être exécutées directement à partir du système de fichiers.
Vous pouvez trouver toutes les directives sur la façon de contribuer sur la page Wiki.
