Site icon Blog ARC Optimizer

Nouveautés de l'interface utilisateur de Kendo pour Angular avec R1 2021


La version R1 2021 de Kendo UI pour Angular est arrivée et regorge de nouveaux composants et fonctionnalités, notamment les composants DropDownTree, MultiColumnComboBox et TileLayout.

C'est toujours un bon moment à chaque nouvelle version de ] Kendo UI for Angular arrive, c'est pourquoi je suis tellement excité de parler de la version R1 2021 d'aujourd'hui. Plongeons-y et voyons tous les nouveaux composants et fonctionnalités de la version R1 2021 de Kendo UI pour Angular!

Angular 11 Support

Angular 11 est sorti le 11 novembre 2020 (l'obtenir? 11 le 11/11 ! 🤯) et bien sûr Kendo UI pour Angular a immédiatement publié le support ce jour-là. Bien que cela se soit produit vers la fin de l'année dernière, je tiens toujours à le souligner dans le cadre de notre version R1 2021 pour les personnes qui n'ont pas encore eu l'occasion de mettre à niveau.

Pour plus d'informations sur ce que Angular 11 a apporté à la table vous pouvez consulter le billet de blog d'Alyssa Nicoll ici .

Abandon du support pour Angular 6 & 7 et Breaking Changes

De l'autre côté de la médaille, la version R1 2021 marque également la suppression du support pour Angular 6 et 7.

Comme vous le savez, Kendo UI pour Angular suit la même cadence de support de version de framework que le framework Angular lui-même. Angular 7 a été officiellement supprimé du support LTS le 18 avril 2020. Nous avons maintenu le support pendant la majeure partie de 2020, mais le 16 décembre 2020, nous avons officiellement abandonné le support pour ces deux éditions d'Angular.

Comme d'habitude, pour les gens qui besoin d'Angular 6 et 7, vous pouvez toujours accéder aux versions précédentes qui prennent en charge ces versions d'Angular en utilisant des balises de distribution comme @ ng6 et @ ng7 . Ces branches sont figées dans le temps, elles ne recevront donc pas de mises à jour, mais vous pouvez toujours les référencer pour les applications qui ne sont pas encore prêtes à être mises à niveau vers une nouvelle version d'Angular. Si vous n'êtes pas familier, cette section de documentation explique en détail comment tout cela fonctionne.

Nous avons également mis en œuvre des changements de rupture dans divers composants que vous devez surveiller. Bien que les journaux de modifications individuels de nos packages le mentionnent également, nous avons les problèmes GitHub suivants qui vont dans les détails .

Nouveaux composants angulaires

Nouveau composant: DropDownTree

rendez-vous dans la section de documentation de Kendo UI pour Angular DropDownTree .

Nouveau composant: MultiColumnComboBox

rendez-vous sur l'interface utilisateur de Kendo pour la documentation angulaire !

Nouveau composant: TileLayout

la documentation de Kendo UI pour Angular TileLayout pour voir comment vous pouvez ajouter ce nouveau composant à vos applications Angular dès aujourd'hui!

Nouveau composant: FloatingActionButton

le Section de documentation de l'interface utilisateur de Kendo pour le bouton d'action flottante angulaire .

Nouveau composant: ExpansionPanel

l'interface utilisateur de Kendo pour la documentation Angular TextArea pour plus d'informations sur ce nouveau composant.

Fonctionnalités des composants étendus

Graphiques – Mise à jour de la mise en évidence des séries

notre interface utilisateur Kendo pour les démos Angular Chart .

Grid & TreeList – Responsive Pager

Avec R1 2021 à la fois l'interface utilisateur Kendo pour Angular Data Grid et TreeList tirez parti de notre pageur angulaire pour vous assurer que leur expérience de pagination intégrée est désormais automatiquement réactive. Cela signifie que les éléments de l'interface utilisateur dans le pagineur changeront de manière dynamique en fonction de la fenêtre disponible et de la taille de la grille ou de l'arborescence.

C'est beaucoup plus facile à mettre en valeur en jouant avec les composants, alors passez à le Kendo UI for Angular Grid ou les sections de documentation Angular TreeList pour voir cela en action!

ListView – Édition intégrée

Consultez la démo d'édition Angular ListView pour plus d'informations .

ListView – Keyboard Nav Conformité en matière d'igation et d'accessibilité

L'accessibilité est une partie importante de l'interface utilisateur de Kendo pour Angular et le composant ListView ne fait pas exception à cette règle. Au cours des deux derniers mois, l'équipe Kendo UI for Angular a travaillé sur l'ajout de la navigation au clavier intégrée, ainsi que quelques autres améliorations, à Angular ListView afin de s'assurer que ListView est conforme à WCAG 2.0, Section 508, et Normes d'accessibilité WAI-ARIA.

TreeView – Filtrage intégré

passez à l'interface utilisateur de Kendo pour la documentation Angular TreeView .

Editor – Support for More HTML Elements

la documentation de l'interface utilisateur de Kendo pour Angular Editor .

Editor – Prise en charge des schémas personnalisés

Lié à la fonctionnalité ci-dessus, avec R1 2021, l'interface utilisateur de Kendo pour l'éditeur angulaire prend désormais en charge les schémas personnalisés. Il s'agit d'une fonctionnalité importante car elle permet à l'éditeur angulaire de prendre en charge des éléments personnalisés dans son contenu, permettant aux développeurs angulaires d'étendre les éléments disponibles que les utilisateurs peuvent ajouter à leur contenu, y compris quelque chose de complètement personnalisé.

Pour un aperçu de la façon dont cela fonctionne réellement , rendez-vous sur l'interface utilisateur de Kendo pour la documentation de l'éditeur angulaire .

Calendrier et MultiViewCalendar – rendu classique

la documentation du composant Kendo UI pour Angular Calendar ici !

TimePicker & DateTimePicker – Prise en charge de la milliseconde

l'interface utilisateur Kendo pour la documentation Angular TimePicker et la documentation Angular DateTimePicker pour voir à quoi cela ressemble dans chaque composant.

Nous voulons votre avis!

Avons-nous manqué un composant angulaire ou une fonctionnalité dont vous avez besoin dans vos projets Angular? N'hésitez pas à ajouter un commentaire dans la section des commentaires ci-dessous ou à ajouter votre demande spécifique dans notre Kendo UI pour le portail de commentaires angulaires . Toutes les fonctionnalités et tous les composants ci-dessus ont été demandés par des gens comme vous, alors assurez-vous que votre voix est entendue!

Inscrivez-vous à notre webinaire Live R1 2021

Vous voulez voir ces nouvelles fonctionnalités et composants plus en détail? Vous voulez me poser, ainsi qu'à l'équipe Angular, des questions sur la version R1 2021 ou tout ce qui concerne l'interface utilisateur de Kendo pour Angular? Rejoignez-nous pour le webinaire sur la version 2021 de Kendo UI R1 2021 le jeudi 28 janvier à partir de 11h00 HE . Pour plus de détails, rendez-vous sur notre page de webinaire sur la version de l'interface utilisateur Kendo R1 2021 . Les places sont limitées, alors n’oubliez pas de prendre votre place dès aujourd'hui!

Save My Seat





Source link
Quitter la version mobile