Site icon Blog ARC Optimizer

Nouveautés des composants angulaires de l'interface utilisateur de Kendo avec R2 2020


La version R2 2020 de l'interface utilisateur de Kendo pour les composants angulaires est arrivée! Cette version est livrée avec de nouveaux composants, la version RTM du composant TreeList et une nouvelle ressource pour aider tous les développeurs Angular à créer des formulaires magnifiques. Plongeons-nous et vérifions les plus récents et les meilleurs dans R2 2020.

Forms Guideline

 Kendo UI for Angular Form Guidelines "title =" Kendo UI for Angular Form Guidelines "/> </p>
<p> La création de formulaires est plus que il suffit d'ajouter des composants d'interface utilisateur à un élément de formulaire. Il y a tellement de choses à garder à l'esprit. La disposition générale du formulaire, comment gérer la validation, que faire avec des formulaires plus grands ou comment décomposer les éléments en groupes logiques. [19659004] Dans cette optique, l'équipe Kendo UI for Angular a mis au point un nouveau type de ressource: les directives de conception de formulaire. Il s'agit d'une ressource dédiée pour créer la meilleure expérience utilisateur possible autour des formulaires, quels que soient les composants de l'interface utilisateur que vous utilisez. l'itération de ces lignes directrices m'a certainement beaucoup appris personnellement, et nous espérons que tous les développeurs Angular les trouveront utiles! </p>
<p>
Commencez à créer de meilleures formes en <a href= en suivant les instructions de l'interface utilisateur de Kendo pour les formulaires angulaires !

Nouveaux composants angulaires

Nouveau composant: Stepper

 Interface utilisateur de Kendo pour le composant Angular Stepper "title =" Interface Kendo pour Composant pas à pas angulaire "/> </p>
<p> Avec R2 2020, nous introduisons l'interface utilisateur de Kendo pour le composant pas à pas angulaire. Ce nouveau composant fournit aux utilisateurs une liste d'étapes qui doivent être suivies du début à la fin dans un ordre logique. Le composant a construit -dans le style des étapes finies, actuelles et inachevées, et le passage de l'une à l'autre met en évidence le mouvement avec de belles animations. L'interface utilisateur de Kendo pour Angular Stepper propose également des styles supplémentaires pour les étapes valides ou invalides, offrant aux développeurs d'appliquer la logique de validation pour </p>
<p> Le contenu de chaque étape est entièrement contrôlé par le développeur, ce qui signifie que l'interface utilisateur de Kendo pour Angular Stepper est extrêmement flexible et peut être utilisée dans un large éventail de scénarios. </p>
<p> Pour un examen plus approfondi de <a href= l'interface utilisateur de Kendo pour le composant Angular Stepper consultez cette section de documentation et de démonstration !

Nouveau composant: Zone de dépôt externe

 Interface utilisateur de Kendo pour le composant Zone de dépôt externe angulaire "title =" Kendo UI for Angular External Drop Zone component "/> </p>
<p> Un élément de rétroaction que nous avons trouvé intéressant du composant Kendo UI for Angular Upload concernait un composant autonome pour permettre la suppression de fichiers d'un système de fichiers dans un composant Angular. C'est pourquoi nous introduisons le composant External Drop Zone qui permet aux développeurs de mettre en évidence une zone (avec un style comme l'image ci-dessus) de leur application où les utilisateurs finaux peuvent faire glisser des fichiers de leur système de fichiers et les déposer dans le composant. </p>
<p> La zone de dépôt externe est également disponible en tant que directive qui active simplement la fonctionnalité glisser-déposer sur l'élément auquel vous appliquez la directive, mais n'applique pas le style. </p>
<p> Pour plus d'informations sur la façon de commencer à utiliser <a href= le Kendo UI pour le composant Angular External Drop Zone se référer à cette page de documentation .

Nouveau composant: Pager

Consultez l'interface utilisateur de Kendo pour le composant Angular Pager en direct ici .

Nouveau composant : Label

Passez à l'interface utilisateur de Kendo pour le composant d'étiquette angulaire démos en cliquant ici .

Nouveaux composants: FormField, Hint et Error

Pour des exemples détaillés autour de ces nouveaux éléments de formulaire de Kendo UI pour Angular, vous pouvez vous référer à cette section de documentation .

Fonctionnalités étendues des composants

TreeList – RTM Release

les documents et démos TreeList pour voir les nouvelles fonctionnalités en action!

TreeView – Bouton Charger plus

Pour voir comment vous pouvez tirer parti de l'interface utilisateur de Kendo pour Angular TreeView Load Plus de bouton, consultez cette page .

Grille – Persistance Développer et réduire les lignes d'état de détail

 Interface utilisateur de Kendo pour la grille angulaire avec persistance de l'état de développement et de réduction "title =" Interface utilisateur de Kendo pour la grille angulaire avec développement et réduction. persistance de l'état "/> </p>
<p> Avec R2 2020, l'interface utilisateur de Kendo pour la grille angulaire peut conserver l'état de développement et de réduction des lignes de détail lorsque la hiérarchie a été ajoutée. Cette persistance peut aider à conserver les éléments correctement développés ou réduits lorsque les utilisateurs travaillent avec des opérations de données dans l'interface utilisateur de Kendo pour la grille angulaire comme la pagination, le tri, le filtrage et le regroupement. </p>
<p> <a href= Découvrez la démonstration persistante de l'état de développement et de réduction des lignes de détail ici .

Téléchargement – Mise à jour Styling

La conception mise à jour du composant Kendo UI for Angular Upload peut être vu ici .

Interface conversationnelle – Prise en charge de l'API DialogFlow v2

Pour approfondir DialogFlow et l'interface utilisateur de Kendo pour Angular Conversational UI, cliquez ici .

Have Some Feedbac k?

C'est tout pour la version R2 2020! Avons-nous manqué un composant ou une fonctionnalité en particulier que vous attendiez? Faites-le nous savoir en soumettant vos commentaires dans notre portail public de commentaires ! Vous pouvez rechercher d'autres éléments de rétroaction et voir si quelqu'un a soumis une demande similaire, puis voter et commenter, ou soumettre vos propres commentaires si cela n'a pas été demandé auparavant.

Rejoignez-nous pour un webinaire en direct

Si vous voulez voir tout ce que je viens de mentionner (et plus) en direct et en action, vous devriez vous joindre à moi et à mes collègues Developer Advocate pour notre webinaire en direct sur l'interface utilisateur de Kendo le mardi 19 mai à 11 h 00 HE. . Nous couvrons tous les produits du bundle Kendo UI, avec la session Angular commençant à 11h00 AM ET. Nous avons un nombre limité de places pour ce webinaire, alors assurez-vous de vous y rendre et de vous inscrire pour réserver votre place dès aujourd'hui!





Source link
Quitter la version mobile