Quoi de neuf dans les composants jQuery de la Kendo UI avec R3 2019

La version R3 2019 des composants jQuery de Kendo UI est arrivée, apportant quatre nouveaux composants, dont le nouveau composant de la chronologie et des fonctionnalités très demandées.

La R3 2019 est déjà là et s'accompagne d'un nouvel ensemble d'interface utilisateur. composants pour jQuery, ainsi que de nombreuses fonctionnalités aux composants existants! Les points forts de cette version comprennent les nouveaux composants Timeline Filter et Rating ainsi que des mises à jour des composants Grid et PDFViewer, ainsi que des améliorations de l'accessibilité. .

Nous allons plonger directement dans ce qui va paraître avec la version actuelle de la R3 2019!

Nouveaux composants jQuery

Nouveau composant: Timeline

Il s'agit d'un composant que nous sommes extrêmement heureux d'annoncer, car il s'agit d'un composant d'interface utilisateur assez unique! Avec la R3 2019, nous introduisons le nouveau composant Timeline qui offre aux développeurs un moyen de visualiser une série d’événements sur une période donnée.

Les événements affichés sont entièrement personnalisables et permettent de tirer parti au maximum. d'une mise en page par défaut, ou utilisez un modèle pour prendre le contrôle total de l'apparence. La disposition peut être configurée de manière verticale ou horizontale et les événements peuvent être développés ou réduits pour fournir plus ou moins de détails.

Ce composant est très visuel et constitue le meilleur moyen de faire l'expérience de ce que l'on peut en faire. avec ça et heureusement nous avons toute une série de démos à faire! Rendez-vous dans la démonstration du composant Timeline de Kendo UI pour découvrir comment utiliser ce composant dans vos applications dès aujourd'hui!

Nouveau composant: Carte

La carte est devenue un élément standard de l’UI dans la conception UX moderne. Souhaitant proposer un élément de mise en page similaire à celui de la carte, qui corresponde aux conceptions proposées par nos thèmes Kendo UI, la R3 2019 présente le nouveau composant de carte Kendo UI ! Dès l'installation, vous pouvez facilement relier l'en-tête et le contenu de la carte, mais nous proposons également la possibilité de définir des modèles pour que les développeurs puissent personnaliser davantage l'apparence. Cela peut également être intégré à d'autres composants de Kendo UI tels que ListView, ce qui en fait une excellente combinaison pour offrir une belle expérience utilisateur.

Nouveau composant: Evaluation

La nouvelle composante de classification est demandée depuis un certain temps et nous sommes heureux de dire qu'elle est enfin arrivée! Le nom l'indique, mais le composant Evaluation est conçu pour permettre aux utilisateurs de saisir rapidement une évaluation sur une échelle prédéfinie. Vous pouvez définir la plage de valeurs, créer des étiquettes et des info-bulles personnalisées, fournir vos propres icônes, ainsi que si vous souhaitez utiliser des demi-valeurs. Dans le même ordre d'idées, vous pouvez également créer vos propres modèles personnalisés si l'apparence intégrée ne correspond pas à nos conceptions.

Les démos des composants d'évaluation présentent toutes les fonctions susmentionnées, entre autres. !

Nouveau composant: Filtre

Le nouveau composant de filtre offre un moyen souple et intuitif de créer une expérience utilisateur de filtre externe être attaché à une liste de données. L'objectif de ce composant est de créer l'action complexe consistant à créer des expressions de filtre et à le rendre beaucoup plus convivial.

Pour bricoler avec ce composant, rendez-vous sur notre démonstration en ligne de composants de filtre pour

Améliorations apportées aux fonctionnalités des composants existants

PDFViewer – Améliorations diverses

Le visualiseur PDFViewer une tonne de fonctionnalités demandées pour R3 2019. Sur la base des commentaires des clients de la version 1.0, nous avons mis du temps à mettre en œuvre certaines des fonctionnalités les plus demandées depuis le lancement initial de ce composant. Cela inclut les fonctionnalités de zoom et d’échelle la possibilité de configurer des documents pour FitToWidth et FitToPage au sein du document PDF ainsi que fonctionnalité d'impression intégrée .

DataSource – En-têtes de demande

L'élément de structure DataSource est l'une des fonctionnalités les plus utilisées de Kendo UI, car il ne s'agit pas uniquement d'un composant par défaut de tout composant lié aux données. La plupart des utilisateurs de Kendo UI l’utilisent pour la communication de données dans l’ensemble de leur application. Jusqu'à présent, une fonctionnalité manquante concernait la configuration d'en-têtes personnalisés dans la demande, ce qui est particulièrement important lorsque l'en-tête Authorization doit être défini. C'est pourquoi, avec la R3 2019, nous avons introduit la possibilité de définir des en-têtes personnalisés dans toute configuration de source de données.

Grille – Panneau de recherche intégré

La grille de la Kendo UI est filtrée depuis un certain temps et fournit également un moyen de fournir une barre d’outils personnalisée en haut des en-têtes de la grille. La combinaison de ces éléments a bien fonctionné pour fournir des options de filtrage supplémentaires ou personnalisées dans la grille. Toutefois, une fonctionnalité fréquemment demandée dans le passé consiste à fournir une zone de texte de recherche dans cette zone d'en-tête en tant que fonctionnalité intégrée. C'est pourquoi nous introduisons le panneau de recherche intégré pour la grille de l'interface utilisateur Kendo avec R3 2019!

Cette fonction peut être configurée pour définir si un seul champ doit pouvoir être filtré avec ce panneau de recherche, ou si vous avez besoin de filtrer plusieurs champs, vous pouvez le faire aussi facilement. La démonstration du panel de recherche sur le réseau de Kendo UI montre à quel point cela peut être configuré dans n'importe quel réseau. accessibilité de nos composants. Cet effort a été visible à travers notre prise en charge WAI-ARIA, Section 508 et WCAG 2.1. Avec la R3 2019, nous avons continué à améliorer notre accessibilité en améliorant notre prise en charge à tous les niveaux. Les composants Grid, Editor, Scheduler et Window, notamment, ont été mis à jour dans ce domaine.

Nous souhaitons vous entendre!

À chaque sortie, nous souhaitons nous assurer de prendre le temps nécessaire pour entendre vos grande communauté Kendo UI, aimerait voir dans les prochaines versions. Y a-t-il des composants d'interface utilisateur particuliers qui vous manquent? Des fonctionnalités spécifiques que vous souhaiteriez voir ajoutées à des composants existants? Rendez-vous sur le portail de commentaires Kendo UI et soumettez vos idées ou commentaires dans la section ci-dessous pour vous assurer de pouvoir les ajouter à notre feuille de route!

Inscrivez-vous à notre webinaire Live R3 2019 !

Le 8 octobre, l'équipe de Kendo UI organise un webinaire en direct qui couvrira tout ce qui est mentionné dans ce billet de blog (et plus encore) – tous en direct! Les composants de jQuery seront couverts le 8 octobre, de 11h30 à 12h00, heure de l'Est. Les places sont limitées, alors assurez-vous de vous inscrire pour réserver votre place .