Fermer

janvier 21, 2021

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


La version R1 2021 de l'interface utilisateur de Kendo pour Vue est arrivée, apportant de nouveaux composants d'interface utilisateur natifs pour Vue, notamment MultiSelect, Window et plus encore.

Pour les développeurs Vue, nous sommes ici pour démarrer l'année en beauté! La version R1 2021 pour Kendo UI for Vue est là et elle apporte un ensemble de nouveaux composants natifs pour Vue ainsi que des améliorations aux composants existants. Voyons ce qu'il y a de neuf dans Kendo UI pour Vue avec R1 2021.

Nouveaux composants Native Vue

Nouveau composant: MultiSelect

 Kendo UI pour Vue MultiSelect Component "title =" Kendo UI for Vue MultiSelect Component "/></p data-recalc-dims=

Le nouveau composant natif Vue MultiSelect de Kendo UI for Vue offre aux utilisateurs une expérience utilisateur intuitive pour sélectionner plusieurs valeurs dans une liste déroulante. Chaque valeur sélectionnée peut apparaître sous forme de liste d'entrées et répertoriée sous forme de chaînes ou de jetons et les utilisateurs peuvent facilement supprimer des entrées en utilisant les interactions avec la souris ou la navigation au clavier.

Ce composant Vue est parfait pour les scénarios qui nécessitent l'apparence d'une entrée simple mais permettent aux utilisateurs de sélectionner plusieurs valeurs.

Check out L'interface utilisateur Kendo pour le composant Vue MultiSelect en action ici .

Nouveau composant: Window

 Interface utilisateur Kendo pour le composant Vue Window "title =" Interface utilisateur Kendo pour le composant Vue Window "/></p data-recalc-dims=

Avec la nouvelle interface utilisateur Kendo pour Vue Les développeurs de composants de fenêtre peuvent maintenant facilement ajouter une expérience de fenêtre similaire à celle des fenêtres de bureau dans n'importe quelle application Vue.

Les aspects de la fenêtre Vue comme le titre, les éléments d'action qui permettent de minimiser et de maximiser, et le contenu, peuvent tous être configuré à l'avance et contrôlé à l'aide de notre API intuitive.

Pour un examen plus approfondi du composant Vue Window, passez à la documentation de l'interface utilisateur Kendo pour Vue Window .

Nouveau composant: TimePicker [19659015] Interface utilisateur Kendo pour le composant Vue TimePicker "title =" Interface utilisateur Kendo pour le composant Vue TimePicker "/>

Poursuivant la tendance à ajouter des sélecteurs dans l'interface utilisateur Kendo pour la bibliothèque Vue, avec R1 2021, nous introduisons officiellement le composant Vue TimePicker . Cet élément d'entrée permet aux utilisateurs de sélectionner une heure dans une liste déroulante disponible ou de saisir l'heure souhaitée à l'aide de leur clavier. Bien sûr, cela vient avec une validation intégrée et empêche les caractères non liés au temps d'être insérés dans l'entrée de TimePicker.

Pour jouer avec Vue TimePicker et voir toutes les options de configuration disponibles, à la section de documentation de Kendo UI pour Vue TimePicker .

Nouveau composant: DateTimePicker

 Kendo UI pour Vue DateTimePicker Component "title =" Kendo UI pour Vue DateTimePicker Component "/></p data-recalc-dims=

Conclusion de la liste des les sélecteurs les plus populaires de la collection d'interface utilisateur Kendo, nous avons également réussi à publier le composant Kendo UI pour Vue DateTimePicker. Ce sélecteur combine les composants Vue DatePicker et TimePicker dans une seule interface, permettant aux utilisateurs de choisir à la fois la date et l'heure qu'ils souhaitent.

La sélection de la date ou de l'heure s'effectue via le menu déroulant fourni et propose un calendrier Vue pour sélectionner la date et une liste des plages horaires disponibles. Alternativement, les utilisateurs peuvent saisir à la fois la date et l'heure en utilisant ng juste leur clavier.

Pour jouer avec l'interface utilisateur Kendo pour le composant Vue DateTimePicker, vous pouvez vous référer à cet article de documentation .

Nouveau composant: Slider

 Interface utilisateur Kendo pour composant Vue Slider " title = "Interface utilisateur Kendo pour le composant Vue Slider" /></p data-recalc-dims=

Enfin, avec R1 2021, l'interface utilisateur Kendo pour Vue a également introduit le composant Vue Slider. C'est l'un de ces composants d'interface utilisateur qui fait apparaître vos applications Vue en permettant aux utilisateurs de sélectionner une valeur dans une plage en faisant glisser un seul gestionnaire sur une plage visuelle. C'est un excellent substitut aux entrées régulières où une valeur doit être fournie et les développeurs peuvent définir les valeurs minimales et maximales de la plage grâce à une seule option de configuration pour chacune.

Consultez l'interface utilisateur de Kendo pour Vue Slider documentation des composants ici .

Fonctionnalités des composants étendus

Grid – Navigation au clavier

Avec R1 2021, l'interface utilisateur de Kendo pour Vue Grid a étendu ses capacités de navigation au clavier pour couvrir plus de scénarios liés à l'interaction avec les données de Vue Grille en utilisant uniquement le clavier. Cela améliore considérablement l'accessibilité de l'interface utilisateur de Kendo pour le composant Vue Grid et permet aux utilisateurs qui ont besoin d'utiliser leur clavier pour effectuer des actions telles que l'édition, la sélection, la pagination et plus encore via des raccourcis clavier.

Pour un aperçu des types courants de navigation au clavier. et comment les implémenter dans votre interface utilisateur Kendo pour Vue Grid, consultez cet article de documentation !

Grille – Sélection de cases à cocher dans le menu Colonne

 UI Kendo pour Vue Data Grid - Case à cocher Filter "title =" Kendo UI pour Vue Data Grid - Checkbox Filter "/></p data-recalc-dims=

En plus de la liste croissante des fonctionnalités de Vue Data Grid, avec R1 2021, nous introduisons également la possibilité de l'interface utilisateur Kendo pour Vue Grid's menu de colonnes pour afficher une liste des colonnes disponibles dans l'ensemble de données actuel et offrir aux utilisateurs la possibilité d'afficher ou de masquer une colonne en sélectionnant ou en désélectionnant une case à cocher.

Rendez-vous sur l'interface utilisateur de Kendo pour Vue Data Grid Documents et démos du menu de la colonne pour plus d'informations .

Nous voulons vos commentaires!

Avons-nous oublié un composant d'interface utilisateur dont vous avez besoin pour vos applications Vue? Ou peut-être avez-vous besoin d'une fonctionnalité dans un composant existant? Eh bien, nous voulons vous entendre! N'hésitez pas à ajouter un commentaire dans la section des commentaires ci-dessous, ou à soumettre un élément à notre portail de commentaires Kendo UI for Vue . Tous les composants et fonctionnalités de la version R1 2021 proviennent des commentaires de nos clients, alors assurez-vous de faire entendre votre voix!

Inscrivez-vous à notre webinaire en direct sur R1 2021

Si vous voulez voir tout ce que je viens de couvrir en action ou demandez moi-même et le reste de l'équipe de Kendo UI pour Vue. Si vous avez des questions, 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 d'inscription au webinaire . Les places sont limitées, alors n’oubliez pas de prendre votre place dès aujourd'hui!

Save My Seat





Source link