Fermer

septembre 19, 2019

Nouveautés dans les composants angulaires de la Kendo UI avec R3 20197 minutes de lecture

TB_KendoUI_870x220 (002)


Il semble que ce ne soit que c'était hier qu'hier que nous parlions de la dernière version de Kendo UI pour Angular, mais le temps passe certainement quand vous vous amusez et il est déjà temps de parler des nouveautés de la dernière version de nos composants Angular. avec R3 2019!

Prise en charge de Angular 8

Certains d'entre vous en ont peut-être déjà tiré parti, mais toutes les interfaces de Kendo UI pour composants angulaires prennent actuellement en charge Angular 8! Tant que vous mettrez à niveau vos paquets vers la version la plus récente et la plus performante, vous pourrez tirer parti de la bonté de Angular 8.

Et Ivy? Nous progressons régulièrement pour pouvoir prendre en charge le nouveau moteur de rendu, mais nous n’en sommes pas encore là. Ivy n'est pas (encore) par défaut pour les projets Angular 8.0.x, mais nous voulons nous assurer que nous pourrons soutenir Ivy dès que nous le pourrons!

Nouveaux composants angulaires

Ce rapport nous a permis de nous concentrer sur libérant pas mal de nouveaux composants et veillant à ce que les composants existants reçoivent les mises à jour également.

Nouveau composant de tiroir

 L'interface utilisateur de Kendo pour le composant de tiroir angulaire dans son état développé avec le contenu de la page dans un style modal avec une superposition sombre

De nos jours, toute application moderne utilise un tiroir comme élément de navigation par défaut. C'est pourquoi nous avons voulu ajouter ce composant à la liste des composants angulaires natifs que nous proposons! Avec le nouveau composant Tiroir, vous pouvez configurer rapidement une navigation pour toutes les applications nouvelles ou existantes. Le composant a le comportement par défaut de pouvoir développer et réduire le menu, fournissant un bouton de style hamburger par défaut pour basculer le développement, ainsi que la possibilité de servir des éléments avec des icônes et du texte simultanément. Il propose même un mode "mini" qui n'utilise les icônes définies que si votre navigation n'a pas besoin d'une description complète pour chaque option de navigation.

Nouveau composant DateTimePicker

 Kendo UI pour Angulars nouveau sélecteur d'heure date affichant le calendrier et éléments de sélecteur de temps du composant

Le DateTimePicker combine deux de nos sélecteurs populaires, le DatePicker et le TimePicker, dans un seul composant. Avec une seule entrée et une liste déroulante, vos utilisateurs peuvent désormais sélectionner à la fois une date et une heure spécifiques.

Nouveau composant ProgressBar

 La nouvelle interface utilisateur Kendo pour la barre de progression angulaire présentant environ 30% d'une barre remplie  » src= »https://blog.arcoptimizer.com/wp-content/uploads/2019/09/1568857905_194_nouveautes-dans-les-composants-angulaires-de-la-kendo-ui-avec-r3-2019.png » data-displaymode= »Original »/>. 19659004] Comme son nom l'indique, le nouveau composant Angular ProgressBar vous offre un moyen astucieux de présenter les progrès de quelque chose dans votre application. Que ce soit lié à une action de chargement asynchrone active ou que vous mettiez à jour manuellement la progression, ce composant s’intègre naturellement à toutes les applications.

Angular Scheduler est maintenant RTM

C’est quelque chose que je sais que beaucoup d’entre vous ont été en attente de: Le programmateur angulaire de Kendo UI a maintenant abandonné sa balise bêta et est officiellement en RTM!

Bien que nous continuions à ajouter des fonctionnalités telles qu'elles sont présentées et demandées, cette dernière version inclut toutes les fonctionnalités que nous pensons devoir être. inclus comme niveau de base pour un composant du planificateur. Ceci inclut les dernières inclusions de clavier et conformité de l'accessibilité pour WCAG 2.0 .

Pour une analyse complète de ce qui est possible avec le composant Planificateur, passez à . ] la page de documentation et de démonstration du planificateur d’angulaire .

Caractéristiques des composants étendus

 La grille de données de Kendo UI pour Angular avec le regroupement activé affichant les agrégats dans l’en-tête et le pied de page des groupes

Chaque fois que le regroupement est activé Dans la grille, nous souhaitons généralement pouvoir fournir un résumé des données groupées d'une manière ou d'une autre. Avec la R3 2019, nous avons introduit la fonction Agrégats de groupe d'en-tête et de pied de page qui vous permet de contrôler entièrement ce qui est affiché dans l'en-tête ou le pied de page d'un groupe via un modèle, tout en accédant facilement aux données agrégées intégrées. Grid lui-même. Cela permet d'afficher un agrégat pour un groupe global ou colonne par colonne.

Pour plus d'informations sur l'ajout de vos propres agrégats, rendez-vous à la démonstration de Kendo UI Angular Grid Aggregates [!

Grille – Colonnes à redimensionnement automatique

Bien que nous ayons eu la possibilité d'adapter automatiquement les colonnes à leur contenu via notre API (voir la section de cette documentation pour autoFitColuomns ), nous voulions prendre le temps nécessaire pour la R3 2019 et veiller à fournir un moyen de garantir que les colonnes de la grille peuvent s'ajuster automatiquement à leur contenu lors de la définition de votre grille de manière plus déclarative. Avec la dernière version du composant Grille angulaire, il s'agit désormais d'une fonctionnalité intégrée.

 La ​​liste déroulante de Kendo UI pour Angular avec virtualisation activée, montrant le défilement de milliers d'éléments de données

Une fonctionnalité attendue depuis longtemps que nous avons dû passer un peu plus de temps Je suis heureux de dire qu'entre la R2 et la R3 2019, nous avons enfin publié la prise en charge intégrée de la virtualisation dans le package Kendo UI Angular DropDown! Rendez-vous sur pour voir les différentes démonstrations de DropDown pour voir cette fonctionnalité axée sur les performances en action!

Barre d'outils – Barre d'outils réactif

La barre d'outils a été un composant utile à la fois de manière autonome et autonome. Comme dans l'éditeur angulaire, nous voulions ajouter des fonctionnalités utiles à la barre d'outils et à tous ses utilisateurs: comportement réactif . Cela permet à la barre d'outils de masquer les éléments disponibles dans les menus déroulants lorsque l'espace d'affichage est limité.

Pour savoir comment utiliser cette nouvelle fonctionnalité, rendez-vous à la démonstration de la barre d'outils.

Calendriers et datePickers – Dates désactivées [19659024] Le composant Calendrier, qui fait partie de nombreuses autres composantes, a maintenant la possibilité de désactiver certaines dates dans le calendrier. Cela signifie également que MultiViewCalendar, DatePicker, DateRangePicker et DateTimePicker ont tous cette fonctionnalité intégrée! Voici un lien rapide vers la démo du calendrier présentant des dates désactivées pour l'inspiration.

Editeur – Outil Insérer un tableau

 Kendo UI pour l'éditeur angulaire montrant comment le nouvel outil de tableau peut insérer un tableau 3 par 3 via son dialogue

Jusqu'à présent, l'une des fonctionnalités les plus demandées pour notre composant Editeur était la possibilité d'ajouter des tableaux via un outil intégré. Eh bien, nous avons pu ajouter cela dans le cadre de la R3 2019! Comme vous pouvez le voir sur le gif animé ci-dessus, cet outil peut être utilisé pour insérer rapidement des tableaux dans l'éditeur. Tout cela fait partie du voyage visant à sortir l'éditeur de la version bêta et à RTM, cette fonctionnalité étant une partie importante de cette histoire. Découvrez cette nouvelle fonctionnalité dans les démonstrations de l'éditeur angulaire .

Éditeur – Mises à jour et stabilisation de l'API

Les mises à jour constantes, les corrections de bogues et le travail de stabilisation global que nous avons effectués pour l'éditeur au cours des deux derniers mois. Bien que cela ne soit pas toujours évident lorsque l'on regarde uniquement des fonctionnalités individuelles, cela est un autre élément important pour garantir que l'éditeur puisse accéder rapidement au statut RTM et constitue une chose sur laquelle nous avons passé beaucoup de temps depuis la version précédente.

Wanted

Comme toujours, nous voulons avoir de vos nouvelles! Avez-vous besoin de certains composants? Des fonctionnalités manquantes des composants existants? N'hésitez pas à vous rendre sur le portail de l'interface utilisateur de Kendo pour les commentaires angulaires ou à commenter dans la section commentaires ci-dessous pour nous informer de ce que vous aimeriez voir dans une future version de notre interface utilisateur angulaire. composants!

Inscrivez-vous à notre webinaire Live R3 2019

L’équipe de Kendo UI organise un webinaire en direct le 8 octobre qui couvrira tout ce qui est mentionné dans ce billet de blog (et plus encore) – en direct! Les composantes angulaires seront couvertes le 8 octobre, de 11 h à 11 h 30 (heure de l'Est) et vous pouvez vous inscrire pour réserver votre place ici . Assurez-vous de vous inscrire rapidement car le nombre de places est limité!




Source link