Nouveautés de KendoReact avec la R3 2019

La version R3 2019 de KendoReact est arrivée, apportant la TreeList, le planificateur et de nouveaux composants et fonctionnalités!

L'équipe de KendoReact a été très occupée au cours des derniers mois, livrant de puissants frappeurs comme le ] Scheduler et TreeList ainsi que la fourniture des fonctionnalités fréquemment demandées pour les composants existants. Intéressons-nous à présent pour découvrir les nouveautés de la version R3 2019!

Nouveaux composants React

Nouveau composant: Planificateur

L'un des composants les plus importants de l'interface utilisateur de React que nous avons pu livrer avec la version R3 2019 est le nouveau planificateur de React.

Il s'agit d'un composant autonome qui offre des fonctionnalités de calendrier et de planification similaires à celles de Google Agenda ou du calendrier. Outlook.

Cette version initiale contient une vaste liste de fonctionnalités déjà disponibles, notamment:

• Création, mise à jour et suppression d’événements
• Déplacement d’événements dans l’agenda par glisser-déposer
• Modification la longueur des événements en redimensionnant les événements
• Modification d'événements en cliquant sur l'événement pour plus de détails
• Prise en charge intégrée de la récurrence
• Possibilité de définir des ressources pour différencier entre événements (pensez aux personnes, aux pièces ou aux équipements sur lesquels un code de couleur peut être nécessaire)

Le planificateur KendoReact s'attend à ce que certains champs soient disponibles afin de gérer le type de données qu'il doit afficher. C'est pourquoi nous avons un article de documentation mettant en évidence les champs de données attendus par le planificateur mais la liaison globale des données avec ce composant à vos données et à votre système existants est très simple.

Ce composant est déjà si difficile à traiter que ce serait difficile. pour couvrir un billet déjà long, nous recommandons donc de vous rendre dans notre section de documentation du planificateur KendoReact pour voir exactement ce que ce composant peut faire!

Nouveau composant: TreeList

La grille de données KendoReact permet déjà de travailler avec des données hiérarchiques. Cependant, avec des données homogènes, où tous les champs seront les mêmes pour tous les éléments de données tout en étant structurés dans une relation parent-enfant, une TreeList est plus applicable. C'est pourquoi nous avons passé du temps à déployer officiellement le nouveau composant TreeList KendoReact!

Ce composant fournit la structure hiérarchique d'un TreeView avec la structure en colonnes d'un tableau de données / grille. Avec cette version initiale, nous couvrons déjà bon nombre des fonctionnalités que vous utilisez peut-être déjà dans la grille KendoReact, notamment:

• Filtrage
• Tri
• Sélection de rangées
• Édition (en ligne, en cellule, ou forme)

Comme vous pouvez le constater, de nombreuses fonctionnalités sont déjà disponibles avec ce composant, mais ce n’est que le début! Rendez-vous sur la page du composant TreeList pour voir le composant en action . D'autres fonctionnalités sont à venir, alors surveillez bien notre feuille de route pour voir ce qui nous attend par la suite.

Nouveau composant: ColorPicker

nouveau composant KendoReact ColorPicker les développeurs de React peuvent fournir une expérience utilisateur intuitive permettant aux utilisateurs finaux de sélectionner une couleur dans une liste déroulante. Les couleurs peuvent être sélectionnées parmi une palette de couleurs prédéfinie ou avec un sélecteur de dégradé qui donne plus de puissance à l'utilisateur pour un contrôle granulaire de la couleur souhaitée.

Nouveau composant: ColorGradient

Le nouveau composant React ColorGradient fournit l'option de dégradé de ColorPicker pour la sélection de couleurs mais dans un composant autonome sans qu'il soit nécessaire de dérouler la couleur pour le sélectionner.

Nouveau composant: ColorPalette

Une partie du composant ColorPicker susmentionné, le nouveau composant React ColorPalette offre aux utilisateurs un moyen intuitif de sélectionner une palette de couleurs prédéfinie sans besoin d'un menu déroulant pour masquer le processus de sélection.

Le composant Pager est intégré à la grille de KendoReact depuis un certain temps. Il est logique d'inclure dans le composant, car vous voulez souvent feuilleter vos données. Il semble que plusieurs utilisateurs de KendoReact souhaitent également utiliser ce composant pour leur propre mécanisme de pagination, car une requête pour un widget autonome a été soumise à plusieurs reprises. C'est pourquoi nous avons décidé d'extraire le pager et de le proposer en tant que composant autonome!

Consultez la page de documentation du composant Pager pour savoir comment ajouter une fonctionnalité de pagination à vos applications React.

Améliorations vers les composants d'interface utilisateur React existants

Une caractéristique courante de tout tableau de données est la possibilité de fournir des informations supplémentaires sur les éléments affichés. données dans une ligne unique au bas de toutes les données. Pour nous assurer que la grille de données KendoReact continue à être le tableau de données le plus riche en fonctionnalités de React, nous avons ajouté un nouveau à une nouvelle bas de page pour le réseau KendoReact . Ceci peut être personnalisé colonne par colonne et donne accès à des informations agrégées facilitant les calculs que vous souhaitez effectuer sur les données de la colonne.

Grid – Expanded Samples

Le composant Grid a également reçu un tonnes de nouveaux échantillons pour aider à choisir le composant et à le mettre en œuvre dans divers scénarios. Parmi les points saillants, citons l'utilisation de colonnes dans différents scénarios et affichant l'indicateur de chargement KendoReact pour faciliter l'utilisation de jeux de données plus importants ou de cycles de communication plus longs avec le back-end et donner aux utilisateurs quelque chose à regarder Des mises à jour sont en cours.

Tous les composants – Suppression des méthodes de cycle de vie des réactions obsolètes

L'équipe de KendoReact a passé les deux derniers mois à supprimer toutes les méthodes de cycle de vie obsolètes trouvées dans nos différents packages afin de ne pas afficher d'avertissements lors de l'utilisation des dernières

Nous souhaitons toujours nous assurer que notre feuille de route répond aux besoins de votre équipe et qu'il est maintenant temps de prendre des mesures. sûr que tous les nouveaux composants ou fonctionnalités dont vous avez besoin peuvent être ajoutés aux versions futures! Rendez-vous sur sur le portail de commentaires public de KendoReact ou commentez-le dans la section commentaire ci-dessous et soumettez vos idées pour faire en sorte que la feuille de route KendoReact puisse répondre à vos besoins.

Inscrivez-vous à notre webinaire Live R3 2019!

Le 8 octobre, l'équipe de KendoReact organise un webinaire en direct qui couvrira tout ce que nous venons de mentionner dans cet article de blog – tous en direct! Les composants de l'interface utilisateur de KendoReact seront couverts le 8 octobre, de 12 h à 12 h 30 (heure de l'Est) et vous pouvez vous inscrire pour réserver votre siège ici – le nombre de places est limité, alors accrochez-vous tant qu'il est disponible. !