Nouveautés des composants Kendo UI Vue avec R2 2020

La version R2 2020 des composants Kendo UI Vue est arrivée! Au cours des deux derniers mois, nous avons été occupés à étendre l'ensemble des composants d'interface utilisateur natifs de Vue.js ainsi qu'à étendre les composants existants comme la grille de données native. Plongeons-nous et voyons ce qui est nouveau dans R2 2020 pour les composants de l'interface utilisateur Vue.js!

Préparation pour Vue 3.0

Avec Vue.js 3.0 est récemment entré en version bêta travaille à assurer la compatibilité avec la prochaine version officielle. Cet effort est plus sous le capot et aucun changement ou problème de rupture n'est apparu jusqu'à présent. Cela étant dit, il nous reste encore un peu de temps avant que Vue 3.0 soit officiel, mais gardez un œil sur plus de nouvelles autour de Vue 3.0 à mesure que nous nous rapprochons de la version officielle!

Nouveaux composants Native Vue

Nouveau composant : Calendar

Poursuivant la tendance à couvrir certains des composants les plus utilisés dans Kendo UI, avec R2 2020, nous ajoutons le nouveau composant natif (écrit à partir de zéro) Vue Calendar. Ce composant permet une représentation graphique d'un calendrier grégorien et prend en charge la sélection et la navigation entre les dates et les rangeurs de dates.

Rendez-vous sur la nouvelle page Documents et démo du calendrier pour voir ce nouveau composant natif en action .

Nouveau composant: DateInput

Le composant DateInput est un composant de formulaire qui se concentre spécifiquement sur la saisie d'une date . Le composant restreint tout type de caractère qui n'est pas lié aux dates (donc pas de lettres ou de symboles, juste des chiffres) et contient un masque prédéfini pratique et un espace réservé à suivre par les utilisateurs finaux.

Pour un aperçu en direct de la Composant DateInput, voici le lien vers les documents DateInput .

Nouveau composant: DatePicker

Le Kendo L'interface utilisateur pour Vue DatePicker combine un élément d'entrée avec un calendrier dans une fenêtre contextuelle pour permettre aux utilisateurs de choisir rapidement une date sans afficher en permanence un calendrier sur une page! DatePickers peut être difficile à construire par vous-même, nous sommes donc heureux de pouvoir fournir ce composant natif à tous les développeurs de Kendo UI pour Vue!

Pour plus d'informations sur le composant natif Vue DatePicker auquel vous pouvez vous référer à cette page de documentation .

Fonctionnalités étendues des composants

Grille – Cellule de pied de page

Sur la base des commentaires de nos utilisateurs, avec R2 2020, l'interface utilisateur de Kendo pour Vue Grid a ajouté la fonctionnalité Cellule de pied de page. Cette cellule de pied de page vous permet d'afficher toutes les informations supplémentaires relatives aux lignes de la grille de données ci-dessus, comme un agrégat ou quelque chose d'autre, et chaque colonne disponible dans la grille aura une cellule de pied de page. Celle-ci peut être entièrement personnalisée avec un modèle ou une simple chaîne.

Rendez-vous sur les démonstrations de la cellule de pied de grille pour voyez comment utiliser cette nouvelle fonctionnalité!

Grille – Effort de résolution de bogues étendu

La grille de données native Vue.js de l'interface utilisateur de Kendo est déjà l'une des grilles de données les plus robustes pour Vue, mais il y a toujours quelque chose qui peut être amélioré. Dans cet esprit, au cours des deux derniers mois, nous nous sommes concentrés sur la résolution des bogues et des problèmes signalés pour nous assurer que la version R2 2020 de la grille de données Vue est la plus stable à ce jour!

Vous avez des commentaires?

En attente d'une composant ou fonctionnalité particulière à publier? Avons-nous raté quelque chose avec R2 2020 que vous aimeriez voir? 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! [19659003] Si vous voulez voir ce que nous avons évoqué dans ce billet de blog en action, vous devez vous joindre à moi et mes collègues Developer Advocate pour notre webinaire en direct sur l'interface utilisateur de Kendo le mardi 19 mai à 11h00 HE! Nous couvrons tous les produits du bundle Kendo UI, avec la session Vue.js à partir de 12h30 HE. 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!

---