Fermer

octobre 17, 2019

Interface utilisateur Telerik pour Blazor 2.2.0: défilement virtuel, classement des colonnes


La dernière version de l'interface utilisateur Telerik pour Blazor est disponible, avec de nouvelles fonctionnalités pour la grille, une compatibilité avec la dernière version .NET Core Preview et plus. Découvrez les nouveautés.

L'interface utilisateur Telerik pour Blazor 2.2.0 vient de paraître et est prête à être téléchargée. Nous avons hâte de partager avec vous les nouveautés de Blazor et de notre interface utilisateur Blazor. . Avec la version 2.0.0 nous avons annoncé la hiérarchie de la grille et cette semaine, nous étendons les capacités du composant le plus utilisé et souhaité – la grille. Nous ajoutons le défilement virtuel et la réorganisation des colonnes, ainsi que des démonstrations mises à jour et des exemples pratiques. En plus des nouvelles fonctionnalités, nous sommes heureux d'annoncer la compatibilité de la suite Telerik UI pour Blazor avec la version 1 de .NET Core 3.1.

L'interface utilisateur Telerik pour Blazor est compatible avec ASP.NET Core 3.1 Preview 1

. évolue rapidement, et nous sommes heureux d’annoncer que l’interface utilisateur de Telerik pour Blazor est compatible avec l’Aperçu 1 de .NET Core 3.1 quelques jours à peine après que Microsoft a annoncé la mise à jour. L'objectif principal de .NET Core 3.1 est de perfectionner les fonctionnalités et les scénarios fournis dans .NET Core 3.0. Ce sera la version de support à long terme (LTS) de Microsoft, prise en charge pendant au moins trois ans.

Épicez vos données avec Blazor Grid

La navigation et la visualisation de données avec notre Blazor Grid sont désormais plus dynamiques. et flexible, car nous avons ajouté le défilement virtuel et les ordres de colonne flexibles.

Virtual Scrolling

De gros volumes de données ne constituent pas une exception, mais un scénario typique des applications modernes. La page utilisateur est une approche courante, mais si vous souhaitez proposer un moyen plus convivial d'explorer les données, vous pouvez maintenant activer la virtualisation des lignes.

L'activation de la virtualisation peut être réalisée facilement à l'aide de deux étapes:

1. Définissez ScrollMode propriété de " @ GridScrollMode.Virtual "

2. Attribuez des valeurs à la Hauteur RowHeight et PageSize propriétés

En ajoutant ces propriétés, la grille pourra calculer la position de l'utilisateur afin d'extraire le bon ensemble d'enregistrements de la source de données.

<TelerikGrid Data = @ GridData ScrollMode = "@ GridScrollMode.Virtual"

Hauteur = "400px" RowHeight = . 40 " PageSize = " 20 " Triable = " true " FilterMode = " @ GridFilte rMode.FilterMenu ">

Pour affiner les performances de rendu et contrôler le nombre de lignes rendues, vous pouvez définir les valeurs de la propriété PageSize sur un nombre plus approprié, afin qu'il corresponde aux besoins de votre application. 19659028] Interface utilisateur Telerik pour défilement virtuel Blazor Grid "title =" Interface utilisateur Telerik pour défilement virtuel Blazor Grid "/>
Interface utilisateur de Telerik pour le défilement virtuel Blazor

Le défilement virtuel présente des avantages. Toutefois, si vous souhaitez le combiner avec la hiérarchie ou le regroupement, vous devez connaître certaines limitations et dans ce cas, vous devez implémenter la pagination régulière du réseau. 19659009] La référence complète se trouve dans la documentation Telerik UI pour Blazor Grid Virtual Scrolling .

Réorganisation des colonnes

Les utilisateurs souhaitent souvent que leurs données soient visualisées de différentes manières, en fonction de ce qui est pratique pour eux de consommer les données. En tant que développeur, vous n’avez pas à faire face à des exigences contradictoires concernant l’ordre des colonnes – la grille Blazor vous permet maintenant de la configurer comme suit: Reorderable . Les utilisateurs de votre application peuvent réorganiser les colonnes de la grille simplement en. en faisant glisser leurs en-têtes à la position souhaitée.

 Interface utilisateur Telerik pour la réorganisation des colonnes de la grille Blazor "title =" Interface utilisateur Telerik pour la réorganisation des colonnes de la grille Blazor "/>
Interface utilisateur Telerik pour la réorganisation des colonnes de la grille Blazor</p data-recalc-dims=

Pour activer la réorganisation des colonnes, définissez le paramètre Reorderable de la grille sur true. Pour empêcher l'utilisateur de déplacer une certaine colonne, définissez son propre paramètre Reorderable = "false" . Notez que l'utilisateur peut toujours réorganiser les colonnes autour de lui.

<Données TelerikGrid = "@ GridData" Reorderable = "true" Pageable = "true" PageSize = "10" Triable = "true" Hauteur = "300px" >

Interface utilisateur Telerik pour l'équipe Blazor de DevReach 2019 [19659004] Notre équipe Telerik UI for Blazor fera partie de DevReach 2019 – La plus grande conférence de développeurs d’Europe centrale et orientale. Venez faire un tour sur notre stand avec Blazor, participez à nos activités et profitez de ce grand événement.

Pour tous ceux qui souhaitent acquérir une expérience pratique de Blazor, nous avons un événement d’une journée consacré à . First Full-stack Blazor App ” avec nos gourous Blazor Bozhidar Ivanchev et Ed Charbeneau .

Téléchargez Telerik UI pour Blazor 2.2.0

Nous vous encourageons à visitez la page d'interface utilisateur Telerik pour Blazor et téléchargez la dernière version de la suite Telerik de composants Blazor natifs!

Aidez-nous à façonner l'avenir de l'interface utilisateur de Telerik pour Blazor!

N'hésitez pas à nous faire part de vos commentaires et à nous faire savoir quels composants vous aimeriez voir ensuite sur le portail officiel de rétroaction de Telerik UI pour Blazor . Nous valorisons vos idées et en tiendrons compte lors de la création de la feuille de route pour les produits 2020 et au-delà!

Happy Blazor Coding!




Source link