Nouveautés des composants Kendo UI Vue avec R1 2020

La version R1 2020 des composants Kendo UI Vue.js est là, apportant de nouveaux composants UI natifs pour Vue.js, y compris Input, NumericTextbox, DropDownList, Dialog, et plus encore!

Au cours des deux derniers mois , l'équipe de l'interface utilisateur de Kendo s'est occupée de travailler sur un nouvel ensemble de composants natifs Vue.js. Auparavant, le seul composant Vue natif que nous proposions était la grille de vue de l'interface utilisateur Kendo mais avec R1 2020, nous avons six nouveaux composants qui sont construits en mode natif pour Vue! Passons aux choses et voyons ce qu'il y a de nouveau dans Kendo UI pour les développeurs de Vue .

Nouveaux composants Native Vue

Une note rapide à faire sur les composants Vue que nous avons pu ajouter: cette version avait un grand accent sur les éléments de formulaire et les composants d'interface utilisateur qui peuvent être utilisés à l'intérieur de la grille de données Vue native. Bien sûr, cela a également l'avantage pour les développeurs de Vue qu'ils ont désormais plus d'éléments de formulaire à sélectionner!

Nouveau composant: entrée

est une application sans aucune sorte de moyen pour les utilisateurs de saisir du texte? C'est l'un des premiers composants que nous abordons dans n'importe quelle bibliothèque d'interface utilisateur native, et Vue ne fait pas exception. Le composant d'entrée de l'interface utilisateur de Kendo est bien sûr entièrement intégré à tous les thèmes de l'interface utilisateur de Kendo, ce qui aide à créer une apparence uniforme dans l'ensemble de votre application.

Nouveau composant: NumericTextBox

Continuant à mettre l'accent sur les entrées, la Kendo UI Vue NumericTextBox est parfaite pour tout scénario qui nécessite des nombres quelconques (nombre simple, devise, pourcentage, etc.). Comme pour tout composant Vue que nous créons, NumericTextBox fonctionne avec tous nos thèmes disponibles et est conforme aux normes d'accessibilité WCAG 2.1 et WAI-ARIA.

Nouveau composant: DropDownList

L'interface utilisateur de Kendo pour Vue DropDownList est un composant de formulaire qui permet aux utilisateurs de choisir une seule valeur dans une liste prédéfinie de valeurs. Considérez-le comme un élément select avec des améliorations telles que la liaison de données, le filtrage, etc.

Nouveau composant: boîte de dialogue

Le composant Kendo UI Vue Dialog est très utile dans les scénarios où vous devez présenter des informations spécifiques aux utilisateurs et les inviter à prendre une action. Ceci est généralement décrit de manière modale pour réduire la distraction. Bien sûr, en tant que développeur, vous avez un contrôle total sur le contenu du titre, de la boîte de dialogue, ainsi que sur les boutons d'action (et leurs événements) pour vous assurer que le composant peut facilement s'intégrer à vos applications existantes.

Nouveau composant: Animation

Les animations peuvent souvent être une chose délicate à implémenter. L'équipe de l'interface utilisateur de Kendo a besoin d'animations dans tous les composants pour s'assurer qu'ils «pop» correctement et ont la grande apparence qui accompagne tous les composants de l'interface utilisateur de Kendo. Étant donné que cela fait partie de l'interface utilisateur de Kendo qui est utilisée dans l'ensemble de la bibliothèque, nous voulions prendre ce travail et l'exposer également à tous les utilisateurs de l'interface utilisateur de Kendo, vous permettant de créer vos propres animations et pas seulement lorsque vous travaillez avec les composants de l'interface utilisateur de Kendo. Le package d'animation Kendo UI Vue peut être utilisé pour aider à animer à peu près n'importe quoi dans vos applications.

Nouveau composant: Popup

Le composant Kendo UI Vue Popup est la base de nombreux composants Kendo UI, y compris DropDownList et d'autres composants DropDown. Non seulement cela aide à faire apparaître le contenu sur la page lors de l'interaction (en cliquant sur un bouton par exemple), mais il doit également pouvoir être configuré pour s'afficher et s'aligner de certaines manières, fonctionne avec la détection des limites (si la fenêtre contextuelle apparaît en dehors de port d'affichage actuel), et même d'animer. Comme nous avions besoin de construire cela pour commencer à créer des composants d'interface utilisateur Vue plus natifs, nous avons pensé qu'il serait formidable d'exposer cette fonctionnalité à nos utilisateurs également!

Vous avez des commentaires?

R1 2020 jette les bases d'un grand repos de 2020 pour les composants natifs Vue.js de Kendo UI! Travaillez-vous activement ou envisagez-vous d'adopter Vue.js? Toutes les fonctionnalités ou composants spécifiques dont vous avez besoin à partir d'une bibliothèque d'interface utilisateur comme Kendo UI? Rendez-vous sur notre Kendo UI for Vue Feedback Portal pour ajouter vos commentaires ou voter / commenter sur des éléments existants! Tout ce que nous avons ajouté dans R1 2020 provient des commentaires de nos utilisateurs et l'utilisation de ce portail est le meilleur moyen de s'assurer que nous ajoutons le composant ou la fonctionnalité dont vous avez besoin dans l'une de nos prochaines versions!

Rejoignez-nous pour un webinaire en direct! [19659004] Vous voulez découvrir les composants que j'ai mentionnés ci-dessus en direct et en action? Rejoignez-moi et mes collègues sur l'équipe Kendo UI for Vue lors de notre webinaire en direct le le jeudi 23 janvier à 11 h 00 HE ! Nous couvrirons toutes les différentes versions de l'interface utilisateur de Kendo tout au long de la journée, mais la section spécifique à Vue donnera le coup d'envoi à 12h30 ! Les places sont limitées, alors rendez-vous sur la page du webinaire pour vous inscrire aujourd'hui et réserver votre place !

---