Kendo UI Grids pour jQuery, Angular, React et Vue

Consultez cet aperçu des grilles JavaScript de Kendo UI pour avoir une idée de l'étendue des fonctionnalités qu'une grille peut avoir. Les composants de la grille de données de Kendo UI sont conçus spécifiquement pour chacun des principaux frameworks JavaScript, qu'il s'agisse de base jQuery, ou angulaire, de réactivité ou de vue.

Les applications Web modernes offrent de nombreuses fonctions différentes aux utilisateurs, mais les plus courantes concernent les utilisateurs. affichage et manipulation des données. Cela peut être le contrôle des stocks, l'historique des stocks ou les prix des logements. La seule chose que la plupart des applications ont en commun sont les données. Quelle que soit la technologie utilisée par votre application, vous devrez probablement permettre à vos utilisateurs de travailler avec de grandes quantités de données. Prenez le temps de comprendre le composant le plus populaire pour visualiser les données: la grille de données (également appelée tableau) et d'explorer la gamme de fonctionnalités qu'il peut avoir. Les grilles sont des composants puissants qui vous permettent de visualiser, d’organiser et d’éditer des données tabulaires.

Les résumés ci-dessous offrent un aperçu rapide des nombreuses fonctionnalités disponibles avec le composant de Kendo UI pour tous les principaux cadres JavaScript ( jQuery Angular React et Vue ). Ils vous donneront également une bonne idée de l'étendue des fonctionnalités qu'une grille peut avoir. Pour chacun de ces cadres, nous avons développé la grille à partir de la base en utilisant cette technologie pour obtenir la meilleure intégration et les meilleures performances possibles.

Mais pourquoi utiliser une grille de données commerciale? N’est-ce pas quelque chose que vous pourriez développer vous-même? Peut-être, mais est-ce ce que vous voulez vraiment passer votre temps à travailler? L'utilisation de composants d'interface utilisateur tiers vous laisse plus de temps pour vous concentrer sur la différenciation concurrentielle de votre application en vous aidant à décharger une partie du développement de l'interface utilisateur. Le résultat est que vous réduisez considérablement le temps et les coûts de développement, tout en créant une application cohérente et professionnelle. Le développement d'une grille complexe est une entreprise solide, de sorte que les avantages de la mise en œuvre d'une solution développée, documentée et soutenue par des professionnels peuvent être considérables.

Avant de plonger dans la grille, notons simplement que chaque composant fait partie d'une application plus grande qui peut avoir ses exigences de conception uniques. Cela ne doit pas être un obstacle vous empêchant d’utiliser une bibliothèque de composants. C'est pourquoi nous avons créé notre outil Theme Builder qui vous permet de définir rapidement l'apparence de nos composants afin de correspondre à l'environnement et aux exigences de votre thème.

Kendo jiuu Grid

Kendo UI pour jQuery est une bibliothèque d’interface utilisateur commerciale très répandue qui comprend des grilles de données, des graphiques, des planificateurs et de nombreux autres composants. La grille de Kendo UI est la grille jQuery la plus avancée du marché, avec plus de 100 fonctionnalités intégrées. Il a tout ce qu'il faut pour satisfaire les exigences les plus strictes de l'entreprise.

Pour remplir la grille avec des données, vous pouvez fournir des données locales ou distantes . Avec le composant Kendo UI DataSource utilisé en tant que médiateur, vous pouvez le faire facilement. Si vous devez créer des grilles Kendo UI avec des données dynamiques, suivez les étapes pour montrer comment initialiser une grille éditable dynamique avec une seule ligne de code . Lorsqu'il s'agit de présenter et d'exécuter des opérations sur les données sous-jacentes, le composant offre diverses options. Les plus basiques sont pagination triant filtrant et sélection . Cependant, une grille peut devenir très complexe et inclure des fonctionnalités avancées telles que édition regroupement avec des agrégats virtualisation colonnes gelées exportation et hiérarchie .

La vitesse des apps est généralement un facteur primordial de l'expérience utilisateur, et nous avons décrit les meilleures pratiques en matière d'optimisation de la grille de performance de Kendo UI jQuery y compris les erreurs courantes que vous devriez éviter de commettre.

Dans de nombreux scénarios, il ne suffit pas de visualiser les données dans une structure de tableau – vous doivent également permettre à l’utilisateur de manipuler ces données et d’enregistrer leurs modifications. Le composant Grid de Kendo UI prend en charge les opérations d'édition de données (création, mise à jour, destruction) via une configuration simple de sa source de données. Il offre plusieurs options d’édition – modèles inline popup et modèles personnalisés d’éditeur .

Vous devez souvent implémenter la grille. au sein d'une application existante. Cela se fait facilement avec le composant de grille car il supporte les thèmes réutilisables, à la fois SASS et LESS. Si vous devez modifier l'apparence de la grille pour l'adapter aux couleurs de votre entreprise, personnalisez certains des thèmes existants ou créez-en un nouveau avec le Kendo UI Theme Builder est ce que vous recherchez. La grille elle-même offre un riche ensemble de modèles (modèle de rangée modèle de barre d’outils et un modèle de détail ), avec lesquels les développeurs peuvent configurer la présentation visuelle et fonctionnelle de le composant répondant à des exigences spécifiques du projet.

Les autres fonctionnalités essentielles d'une grille pour la création d'applications professionnelles utilisables avec Kendo UI sont les suivantes: Keyboard navigation Localisation (Globalization ) et Support RTL . La prise en charge du clavier offre un accès rapide aux fonctionnalités de grille disponibles sans qu'il soit nécessaire d'interagir avec une souris

Une bonne application Web est non seulement utile, rapide et agréable à regarder, mais également accessible à tous. D'un point de vue juridique, selon les pays avec lesquels vous faites affaire, il existe différentes normes d'accessibilité. Kendo UI vous permet de faire le bon choix et facilite la conformité en fournissant des fonctionnalités supplémentaires pour aider à améliorer l'accessibilité pour vos utilisateurs. Notre composant Grid est conforme aux directives 508 et WCAG 2.1 et inclut le support WAI-ARIA permettant aux personnes handicapées de travailler avec lui.

De plus, le Kendo La grille de l'interface utilisateur expose de riches API et événements qui fournissent des points de configuration ou d'extension faciles pour des fonctionnalités personnalisées en plus des fonctionnalités intégrées.

En raison de ses avantages, plus un support technique de haute qualité que nous offrons, le composant de grille de Kendo UI est utilisé par de nombreuses grandes et petites entreprises et organisations . Si vous avez besoin d’une fonctionnalité qui n’a pas encore été ajoutée, vous pouvez toujours utiliser le portail de commentaires Kendo UI pour nous indiquer vos besoins.

Cela vous semble complexe? Tout est méticuleusement documenté. Si vous ne trouvez pas la ressource d’apprentissage dont vous avez besoin, vous pouvez toujours soumettre un ticket, gratuitement avec votre version d’essai de 30 jours ou une fois que vous avez acheté une licence.

Trial | Démos | Documentation | Application du tableau de bord | Série en trois parties

Grille angulaire pour Kendo UI

La Kendo UI pour Angular comprend plus de 60 composants natifs de l'interface utilisateur angulaire, construits à partir du sol et en permanence. optimisé pour la performance . Conçus spécifiquement pour Angular, ils permettent aux développeurs de tirer pleinement parti des fonctionnalités de performance natives de la structure, telles que la compilation anticipée (AOT, Time Compilation, AOT), Angular Universal et Tree Shaking. En bref, avec cet ensemble d’outils, vous pouvez créer rapidement des applications angulaires extrêmement rapides.

Outre les fonctions essentielles telles que paging édition le tri ] filtrant regroupant différents modes de défilement et export ( PDF et Excel ), la grille en angulaire fournit des fonctions avancées telles que la grille maître-détail le modèle de rangée de détail le modèle de barre d’outils et le modèle réactif .

La directive de liaison de données Kendo UI est une fonctionnalité puissante de la grille que vous voudrez utiliser si vous en avez besoin manipuler les données dans la grille, que ce soit par filtrage, tri ou regroupement. Il simplifie le traitement des opérations de données en réduisant le code habituel répétitif.

L’UI de Kendo pour Angular Grid est un composant Grid prêt à l’entreprise, au sens propre du terme, complété par conseils de performance mondialisation clavier support et conformité d'accessibilité réorganisation des lignes et du menu contextuel . La grille expose également une riche API qui facilite la configuration pour des scénarios plus spécifiques.

Le style du composant est une étape nécessaire que vous pouvez gérer de deux manières: installez l’un des thèmes de Kendo UI pour Angular (par défaut). , Bootstrap ou Material) ou utilisez notre application Web Theme Builder pour adapter la grille à votre feuille de style. Pour plus d'informations sur l'ajout de styles, reportez-vous à la documentation sur le style .

Procès | Démos | Application Web progressive de tableau de bord | Tutoriel vidéo de mise en route | Publication de blog de plongée profonde

Grille KendoReact

Si vos besoins métier consistent à créer une application React complexe dans un court délai, la bibliothèque de composants natifs KendoReact vous aidera. vous gérez ce défi et créez une application robuste et conviviale. Cette bibliothèque de composants a été créée à partir de zéro et est spécialement conçue pour le développement Web réactif avec React.

Les composants sont entièrement basés sur les approches mises en œuvre par le framework React et chaque contrôle fournit différentes options pour une personnalisation de haut niveau. La flexibilité de la suite KendoReact permet l’intégration nette des composants avec presque toutes les bibliothèques liées au framework React, notamment: GraphQL Material UI React Final Form Formulaire Redux Magasin Redux Redux Undo et Nuancier de créateur de thème .

À la construction Grandes applications Web où les données sont mises à jour régulièrement, la grille de KendoReact est le bon outil. Il fournit une gamme complète d'options de configuration, allant des opérations standard ( page edit filtre groupe . sélectionnez et exportez-le vers PDF et Excel ) vers des fonctions plus complexes telles que la hiérarchie colonnes gelées menu de colonnes rangée détail rangée réordonnée modes de défilement etc.

Les développeurs qui ont besoin d'étendre les fonctionnalités existantes ont accès à l'API Grid .

La grille de données KendoReact vous permet d'utiliser des paradigmes de conception tels que Twitter Bootstrap et la conception de matériaux de Google en ajoutant simplement une seule référence CSS. Vous trouverez plus d’informations sur les thèmes disponibles dans les articles correspondants: Thème Bootstrap Thème par défaut Thème matériel .

. | Démos | Application Web progressive avec Redux | Tutoriel vidéo de mise en route | Article de blog général

Kendo UI Vue Grid

Vue est un framework émergent populaire dont l'adoption est en pleine croissance dans les applications Web. Pour rendre ces applications encore plus performantes et plus rapides, vous pouvez tirer parti de la suite Kendo UI for Vue . Il s'agit d'une bibliothèque de composants d'interface utilisateur complète pour les applications Web réactives. Pour offrir à nos utilisateurs les meilleures performances et fonctionnalités, le composant Grid de notre bibliothèque Vue a été entièrement construit en mode natif avec Vue et ne comporte aucune autre dépendance de bibliothèque. Le reste des composants de l’interface utilisateur Kendo de cette bibliothèque est disponible en tant que versions enveloppées de Vue de nos composants de la bibliothèque jQuery.

Les composants de Kendo UI pour Vue disposent également d’une fonctionnalité intégrée qui prend en charge la réactivité native de Vue, obtenue par utilisation de leurs méthodes API. Cela permet à Vuex de propager automatiquement les modifications apportées aux composants de Kendo UI et de les mettre à jour avec les modifications de données et d'état. Cela rend l'interface de Kendo pour la suite Vue totalement intégrable dans les environnements Vuex. Pour plus d'informations à ce sujet, consultez l'article Vuex Integration .

Le composant Vue Grid vous donne la possibilité de modifier . triez et filtrez vos données. Il prend également en charge le regroupement et l'affichage de calculs globaux au bas du groupe. virtualisation redimensionnement réordonner et en-têtes multi-colonnes pour en nommer quelques-unes

. ]

En plus de cela, vous disposez de toutes les fonctions d'accessibilité pour lesquelles Kendo UI est connue, comme Prise en charge des claviers Section 508, WAI-ARIA support et conformité à WCAG 2.1

Vous pouvez facilement intégrer ce composant Grid puissant à votre projet Vue.js et tirer parti de toutes ses fonctionnalités. C'est également un choix parfait pour créer des interfaces utilisateur hautement adaptables et des applications à page unique (SPA). La grille comporte les paramètres par défaut et de Bootstrap . Des thèmes basés sur Sass peuvent facilement être personnalisés pour correspondre à vos couleurs grâce à l'application Theme Builder .

Procès | Démos | Application du tableau de bord | Tutoriel vidéo de mise en route | Aperçu du billet de blog

Caractéristiques communes à toutes les technologies

Thèmes

Toutes les grilles comportent trois thèmes basés sur Sass – Défaut, Bootstrap et Matériel. Vous pouvez également tirer parti de l'application Theme Builder qui vous permet de créer de nouveaux thèmes ou de personnaliser les thèmes existants de chaque framework.

Support produit illimité

Nous sommes fiers de fournir un service de support apprécié de nos clients. Kendo UI offre une assistance illimitée fournie par les ingénieurs du produit avec un temps de réponse garanti de 24 heures (avec l'assistance prioritaire), du lundi au vendredi. Pour les projets de développement urgents, des options d'assistance avancées sont disponibles, notamment des temps de réponse plus courts et même une assistance téléphonique en direct.

Ensemble complet d'outils

Nous vous fournissons une boîte à outils complète. Vous pouvez afficher vos données dans des grilles, des listes déroulantes, une variété de graphiques et de nombreux autres composants qui raviront vos utilisateurs.

La grille de Kendo UI: votre meilleure option pour les applications JavaScript complexes

Les composants de la grille de données de Kendo UI fournissent la options de données les plus avancées pour vos applications Web complexes. Nous fournissons des composants conçus spécifiquement pour chacun des principaux frameworks JavaScript, qu’il s’agisse de la base jQuery, angular, React ou Vue. Vous disposez ainsi de toutes les fonctionnalités natives de chaque technologie, ainsi que d’une solution d’affichage et de manipulation optimisée et performante. Et si vous avez besoin de changer d'environnement technologique? Il est facile de passer d’une grille de Kendo UI d’un cadre à l’autre.

Les avantages de la grille de Kendo UI ne s’arrêtent pas avec de meilleures intégrations: nous fournissons un ensemble complet de fonctionnalités entièrement personnalisables. La grille offre plus de 100 paramètres qui peuvent être rapidement et facilement configurés pour contrôler l'apparence et les actions de la grille dans votre application. Vous ne pouvez exposer que les fonctionnalités pertinentes pour votre application sans modifier aucun code en activant ou désactivant des fonctionnalités individuelles avec un simple paramètre. Cela signifie que vous obtenez le jeu de fonctionnalités exact que vous souhaitez, rapidement personnalisé en fonction de vos besoins spécifiques.

Alors que notre grille est le produit phare des bibliothèques de Kendo UI, ce n'est qu'un composant d'une bibliothèque riche . qui fournit tous les composants dont un développeur pourrait avoir besoin pour toute application moderne complexe. Kendo UI fournit une gamme complète de composants d’interface utilisateur.

Les composants de Kendo UI s’intègrent facilement à vos applications et facilitent le codage. Mais le codage n'est qu'une partie d'une intégration complète. Vous pouvez passer votre temps à vous concentrer sur les fonctionnalités essentielles de vos applications. Créez plus rapidement de meilleures applications Web avec Kendo UI .