Fermer

mai 16, 2019

Nouveautés de l’appareil Vue.js de Kendo UI Vue avec R2 20193 minutes de lecture

Marketing banner image for the R2 2019 release


Le R2 2019 de Kendo UI pour Vue.js est arrivé, apportant un menu de colonnes et la virtualisation tout en regroupant des données ainsi que des colonnes pour la grille de données. ListView a également reçu un défilement illimité pour améliorer les performances de ce composant très chargé en données.

Ces derniers mois, nous avons été occupés à développer l’offre de Vue.js dans le bundle Kendo UI. Au cours des derniers mois, nous avons été occupés à étendre la grille de données native de Kendo UI Vue.js, ainsi qu’à élargir les fonctionnalités et les nouveaux composants des composants encapsulés.

La grille Native Vue.js s'est améliorée

Dans le cadre de nos efforts de développement au cours des derniers mois, nous avons ajouté les fonctionnalités suivantes à notre grille de données Vue.

Regroupement et virtualisation

 Navigation dans une interface Kendo pour Vue.js Grid avec regroupement et virtualisation

La ​​virtualisation explique en grande partie pourquoi la Kendo UI Vue, js Grid est déjà si puissante. Cependant, la virtualisation n’avait pas été totalement mise en œuvre lors du regroupement des données. Eh bien, avec la dernière version de la grille, vous pouvez désormais utiliser les deux fonctionnalités activées, comme nous le faisons dans cette démonstration de grille de données .

Virtualisation de colonne

Prise en charge de la virtualisation précédente, y compris ce que nous avions fait pour le regroupement avec la virtualisation, était seulement au niveau de la ligne. Cependant, avec R2 2019, nous prenons désormais également officiellement en charge la virtualisation autour des colonnes. Cela signifie que même les ensembles de données les plus volumineux peuvent être parcourus sans à-coups, horizontalement et verticalement.

Colonnes gelées / verrouillées

 Gif animé présentant des colonnes gelées ou verrouillées lors du défilement de la grille de données

Freeze, ou verrouiller les colonnes selon le terme auquel vous êtes habitué, est une fonctionnalité importante que les gens recherchent en matière de grille. Nous avons donc bien sûr ajouté cette fonctionnalité à notre composant de tableau de données! Cela peut être configuré pour fonctionner avec des colonnes verrouillées à gauche ou à droite. Les colonnes peuvent également être verrouillées et déverrouillées lorsque vous les faites défiler horizontalement. Voici une démonstration de colonnes gelées en action pour montrer à quoi ressemble le code pour implémenter cette fonctionnalité.

Menu de colonnes de grille

Fournit des options supplémentaires pour une colonne au-delà des icônes de filtre par défaut et le tri en est un autre. grande demande qui se manifeste pour toutes nos grilles de données. C'est ici que la fonctionnalité de menu de colonnes entre en jeu, ce qui vous offre la possibilité de fournir des options supplémentaires pour chaque colonne, y compris l'affichage et le masquage de colonnes via le menu ou la création de vos propres commandes personnalisées.

ListView ajoute un défilement sans fin [19659004] Le défilement sans fin, la méthode de défilement qui charge davantage de données lorsque la barre de défilement atteint le bas de la zone actuellement défilée, est une requête de fonctionnalité volumineuse du côté ListView. Nous avons donc décidé d’ajouter cette fonctionnalité au composant de liste de vues Vue.js de Kendo UI, permettant ainsi à vos utilisateurs de parcourir des tonnes de données sans avoir à implémenter réellement le pageur.

Inscrivez-vous au webinaire de Kendo UI!

voulez voir ce que nous avons évoqué ici en action, alors vous devriez vous joindre moi-même et mes collègues du promoteur pour notre webinaire en direct sur le Kendo UI le jeudi 6 juin à 11h00 HE! Nous avons un nombre de places limité pour ce webinaire, alors assurez-vous de ne pas vous arrêter et inscrivez-vous pour réserver votre place aujourd'hui!




Source link