Fermer

septembre 19, 2023

Boostez votre grille KendoReact avec GridHelper

Boostez votre grille KendoReact avec GridHelper


Gestion des données sans effort et fonctionnalités intégrées pour votre grille KendoReact : GridHelper est peut-être exactement ce dont vous avez besoin.

Voulez-vous économiser de précieuses heures de développement en optimisant le processus de gestion manuelle des opérations de données pour votre progression KendoRéagir Grille ou ajout de fonctionnalités communes ? Imaginez un scénario dans lequel des tâches telles que la pagination, le tri, le filtrage, le regroupement et la sélection se déroulent de manière transparente et sans effort.

Avec l’introduction de GridHelper, vous pouvez désormais automatiser toutes les opérations sur les données et activer les fonctionnalités couramment demandées avec une seule propriété. Dites adieu aux complexités de la gestion des données et bonjour à une expérience de développement plus productive, efficace et riche en fonctionnalités avec votre KendoGrid.

Pourquoi « personnalisable » mène à « complexité »

La suite KendoReact se distingue des autres produits Kendo UI en adaptant une approche distinctive des opérations de données. Cette approche vise à fournir aux développeurs un contrôle absolu et des options de personnalisation complètes sur les opérations de données. Dans KendoReact, les données affichées par des composants comme Grille et Liste des arbres s’appuie uniquement sur les données fournies par le développeur, sans manipulation interne.

Par exemple, l’activation de la pagination nécessite de fournir des données exclusivement pour la page actuelle. De plus, l’introduction de fonctionnalités telles que le filtrage, le tri, le regroupement et la sélection ainsi que la nécessité de stocker leur état peuvent introduire de la complexité dans la tâche.

Efficacité en évitant les tâches répétitives

Au fur et à mesure que nous avons acquis de l’expérience face aux défis quotidiens rencontrés par les développeurs lors de la gestion des opérations de données au sein de la grille, nous avons identifié des modèles et des problèmes récurrents qui nécessitaient notre attention. Pour relever ces défis, nous nous sommes lancés dans une initiative visant à tester une idée : créer un composant d’assistance pour automatiser la gestion des opérations de données les plus courantes en interne. Cela a conduit au développement de GridHelper, dont l’objectif principal est de simplifier l’activation des opérations et des fonctionnalités de données via des propriétés uniques, éliminant ainsi le besoin de code supplémentaire.

Simplicité

Alors que la suite KendoReact propose des méthodes d’assistance pour les opérations de données telles que filtrer par, commandé par, par groupe et processus, les développeurs doivent toujours gérer les événements de la grille et utiliser ces méthodes d’assistance pour appliquer les opérations sur les données avant de mettre à jour la grille avec le nouvel ensemble de données. Lors de l’incorporation d’états étendus et sélectionnés, la complexité peut encore augmenter.

Avec GridHelper, vous pouvez simplement transmettre l’intégralité de l’ensemble de données à la propriété « data », activant des propriétés telles que paginable, groupable, filtrable et sélectionnable, et tout sera géré en interne.

Voici deux exemples simples avec et sans GridHelper qui mettent parfaitement en valeur les avantages de l’utilisation de l’assistant :

Ce que GridHelper apporte à la table

Voici une liste des fonctionnalités disponibles fournies avec GridHelper en tant qu’options intégrées :

  • Opérations de données intégrées pour la pagination, le tri, le filtrage et le regroupement
  • Menu de configuration pour activer dynamiquement la fonctionnalité de Grid (pagination, tri, regroupement, sélection, filtrage)
  • Configuration du sélecteur de colonnes
  • Filtre global dans la barre d’outils
  • Points forts dans les cellules pour les correspondances d’expressions de filtre
  • Option intégrée pour la sélection
  • Fonctionnalités d’exportation PDF et Excel
  • Développer et réduire pour tous les groupes
  • Événement pour obtenir un tableau avec les éléments sélectionnés

L'utilisateur modifie les paramètres, en désélectionnant les éléments filtrables et regroupables, et en masquant les colonnes pour le nom et le prix.

L’avenir du GridHelper

Nous sommes impatients de recueillir les commentaires de toutes les personnes testant GridHelper pour déterminer comment il devrait évoluer dans le cadre du package KendoReact Data Grid. Nous prévoyons également d’incorporer de nouvelles fonctionnalités intégrées et des outils précieux en fonction de vos commentaires.

Ne sois pas timide—tester la démo et donnez-nous votre avis !

Et si vous ne l’avez pas déjà fait, essayez gratuitement la bibliothèque complète de l’interface utilisateur de KendoReact :

Essayez KendoReact




Source link

septembre 19, 2023