Telerik ASP.NET AJAX, MVC et Core DataGrids

La grille fait partie de l’UI Telerik pour ASP.NET AJAX de l’interface utilisateur Telerik pour ASP.NET MVC et . Interface utilisateur Telerik pour ASP.NET Core . L'interface utilisateur Telerik pour ASP.NET AJAX peut être achetée en tant que produit autonome ou faire partie du bundle Telerik DevCraft . Les autres peuvent être achetés en tant que côté serveur. -ons à Kendo UI ou dans Telerik DevCraft.

Avec plus de 100 fonctionnalités intégrées disponibles dans chacun des grilles de données Telerik ASP.NET, vous disposez d'un composant puissant offrant diverses options de comment présenter et effectuer des opérations sur les données sous-jacentes.En plus des fonctionnalités de base et attendues telles que le tri, le filtrage, le regroupement, Lors de l’exportation et de l’exportation, des fonctionnalités plus avancées sont également prises en charge: lignes de détail, réorganisation des lignes, modes de défilement, sélection de plusieurs lignes ou cellules, conception réactive, etc. En termes de liaison de données, la source de données que vous choisissez et la manière dont vous l'implémentez peuvent varier d'un framework à l'autre, mais si vous utilisez les contrôles Telerik ASP.NET DataGrid, vous disposez souvent de plusieurs options de liaison de données.

Étant donné que chaque infrastructure est quelque peu différente, explorons les grilles de données ASP.NET AJAX, MVC et Core créées par l'équipe Telerik de Progress.

Les formulaires Web ASP.NET (également AJAX)

The ASP.NET AJAX DataGrid est l’un des contrôles les plus avancés et les plus évolués de la suite Telerik ASP.NET AJAX offrant un riche arsenal de fonctionnalités telles que la liaison de données à diverses sources de données . ] éditant filtrant triant opérations CRUD support mobile regroupement ] et plus. Chacune de ces fonctionnalités est plus riche qu’un mot ne le suggère.

Par exemple, avec l’interface utilisateur Telerik pour ASP.NET AJAX DataGrid, vous pouvez utiliser n’importe quel contrôle de source de données déclaratif (AccessDataSource, SqlDataSource, LinqDataSource, EntityDataSource, ObjectDataSource, XmlDataS , OpenAccessDataSource) ou liez la grille à vos objets personnalisés. Nous prenons également en charge les événements de serveur, qui ne sont exécutés que lorsque la grille doit extraire de nouvelles données du serveur. La liaison côté client déclarative et programmatique aux services Web ASP.NET, WCF, ADO.NET, OData et méthodes de page est également prise en charge.

Lorsque vous êtes lié à un contrôle DataSource, la fonctionnalité de modification de la grille ASP.NET AJAX vous permet d'activer la modification automatique des données. utilisez également l’API étendue pour gérer les opérations CRUD de manière personnalisée.Vous pouvez afficher le formulaire de modification en ligne, sous forme de formulaire ou dans un menu contextuel, et choisir entre les formulaires de modification intégrés, votre propre modèle ou un contrôle utilisateur. Vous pouvez également activer la modification par lots pour permettre aux utilisateurs de modifier plusieurs éléments et de les enregistrer en appuyant une seule fois sur le bouton Enregistrer.

Le filtrage est une autre fonctionnalité qui vous offre de nombreuses possibilités ons pour l'affichage des données. Avec les DataGrids Telerik ASP.NET, vous pouvez filtrer n’importe quel type de données – chaîne, décimal, booléen, date et heure. En fonction de la colonne filtrée, vos utilisateurs peuvent sélectionner n’importe quelle fonction de filtrage dans le menu contextuel, y compris «Egal», «Contient», «Supérieur à» et «Inférieur à». Vous pouvez utiliser les différentes colonnes de la grille pour fournir des entrées de filtre appropriées, telles que la date. sélecteurs, zones de texte numériques et listes déroulantes. Les API côté client et serveur vous permettent de définir votre propre modèle de filtre tout en utilisant le mécanisme de filtrage intégré.

Et ces exemples ne sont que le début. Pour en savoir plus sur les fonctionnalités du Telerik ASP.NET AJAX DataGrid, assurez-vous d'explorer nos ressources sur la hiérarchie de grille avec des modèles virtualisation de la grille filtrage de type Excel grilles mobiles ainsi que débutant avec l'interface utilisateur Telerik pour ASP.NET AJAX tips .

Lorsque vous commencerez à voir la profondeur du DataGrid et la richesse de chaque fonctionnalité, vous réaliserez tout ce que vous pouvez faire avec votre DataGrid avec le bon contrôle. Vous ne serez pas non plus surpris de trouver des organisations et institutions importantes telles que American Express, Bank of America et l'Université de Caroline du Nord ont toutes utilisé l'interface utilisateur de Telerik pour les contrôles ASP.NET AJAX.

Procès | Exemple d'application de messagerie Web | Démos | Documentation

ASP.NET MVC DataGrid

La interface utilisateur Telerik pour ASP.NET MVC Grid permet des interactions extrêmement sophistiquées avec vos données.

À titre d'exemple, SanDisk, l'un des plus grands au monde. fabricants de produits de mémoire flash, utilisaient l'interface utilisateur Telerik pour ASP.NET MVC dans une application conçue pour aider leurs employés à planifier et prévoir les chiffres de production et de vente pour tous les marchés desservis, sans tenir à jour les feuilles de calcul. Les analystes peuvent gérer diverses versions de leurs prévisions et les fusionner dans la version finale publiée développée par les responsables de la planification ou les vice-présidents. Les rapports sont publiés à la fin de chaque trimestre à l'aide d'outils de BI, tels que Tableau, puis diffusés à un public plus large, notamment le PDG et les autres décideurs de l'entreprise.

L'application finale contenait la grille et était construite à l'aide de contrôles Kendo UI basés sur HTML5 et jQuery, d'une interface utilisateur Telerik pour ASP.NET MVC, d'une API Web et d'une couche de service utilisant une couche d'accès aux données personnalisée spécialement développée pour SAP HANA. . Pour en savoir plus sur l'application et le projet, consultez notre étude de cas .

Tout comme la grille Web Forms ASP.NET / AJAX, l'interface utilisateur Telerik pour ASP.NET MVC DataGrid offre les fonctions essentielles de la grille, telles que appelez, triez, filtrez et regroupez vos données à l'aide d'une interface très intuitive. Vous avez la possibilité de redimensionner et de réorganiser vos colonnes et même de les masquer ou de les afficher individuellement. Vous pouvez geler les colonnes avec le changement d'une propriété unique ou autoriser l'utilisateur à verrouiller et à déverrouiller les colonnes de manière interactive, ou même facilement de créer une hiérarchie pour vos enregistrements parent et enfant . Avec la fonctionnalité de modèle du composant Grid, vous contrôlez totalement la mise en forme complexe. Vous pouvez choisir entre un modèle de barre d’outils un modèle d’en-tête de colonne un modèle de ligne un modèle détaillé et d’autres.

Et, comme nous l'avons mentionné dans la section consacrée aux formulaires Web, Chacune de ces fonctionnalités possède une profondeur et une richesse qui vous permettent de créer une expérience utilisateur exceptionnelle.

Prenez l'exemple de l'édition. L'édition peut facilement être reliée à une API RESTful ou travailler avec des données locales. in-line ou dans une fenêtre contextuelle . Vous pouvez même effectuer des mises à jour par lots pour permettre de nombreuses modifications avant de les conserver dans les données. vos utilisateurs pour créer, mettre à jour, voire supprimer des données de votre source de données sous-jacente.

Et puisque nous avons mentionné la source de données, avec MVC DataGrid, vous pouvez facilement configurer la liaison de données à distance . ] avec l'utilitaire Kendo UI DataSource qui fonctionne avec toutes les API RESTful. Vous pouvez vous connecter à une source de données locale ou communiquer à distance aux formats JSON / JSONP, OData ou XML.

Une fois encore – nous venons d'explorer la pointe de l'iceberg avec ces exemples, assurez-vous donc de consulter nos démos ainsi que la .NET DevChat: applications Web adaptatives avec ASP.NET MVC et Bootstrap 4 et Refactoring de grilles de données avec méthodes C # Extension Methods .

Procès | Kendo UI® ♥ Exemple d'application Bootstrap | Démos | Documentation

Base de données ASP.NET Core

La base de données ASP.NET Core est une Open-Source, framework multi-plateforme publié par Microsoft en juin 2016. À l’automne, Progress annonçait la création de son interface utilisateur Telerik pour ASP.NET Core .

Deux années plus tard, le produit était disponible, le ASP.NET Core DataGrid est rapidement devenu un composant favori de la boîte à outils. Comme avec les autres ASP.NET DataGrids, il s'agit d'une grille HTML5 adaptative et réactive qui fournit plus de 100 fonctionnalités allant de filtrant à en triant les données à des fonctionnalités plus avancées telles que . et groupement hiérarchique de données .

En plus des HTMLHelpers traditionnels, dont l'un est la Grid HtmlHelper l'interface utilisateur de Telerik pour ASP.NET Core est fournie avec le premier du secteur. concourez ensemble d’aides au tag. Le Grid Tag Helper vous aide à configurer le composant de grille Kendo UI dans vos applications ASP.NET Core .

À l'exception des Tag Helpers, propres à ASP.NET. Core, ASP.NET Core et ASP.NET MVC DataGrids partagent les mêmes fonctionnalités. Nous avons parlé un peu de l'édition et des sources de données, mais saviez-vous que l'interface utilisateur de Telerik pour ASP.NET Core Grid offre des fonctionnalités de virtualisation et défilant sans fin permettant aux utilisateurs de faire défiler en douceur à travers des enregistrements? Cela vous permet d’obtenir des performances exceptionnelles, quelles que soient la taille de votre base de données ou la configuration de la grille.

Du point de vue de l'utilisabilité, notre DataGrid répond aux exigences en matière d'accessibilité ainsi qu'à de multiples possibilités d'interaction. Le composant de l'interface utilisateur de Telerik pour ASP.NET Core DataGrid est conforme à la Section 508, Conformité WAI-ARIA et WCAG 2.1, Il permet aux utilisateurs handicapés d’interagir avec les clics de souris, les touches du clavier ou les deux.

Avec plus de 100 fonctionnalités de la seule grille, il est intéressant de consulter certains de nos articles, en particulier Utilisation des bases de données et des grilles de données ASP.NET Prototypage des grilles de données de base ASP.NET et Prise en main de l'interface utilisateur Telerik pour ASP.NET Core et Bootstrap 4 .

Comme vous pouvez vous en douter, nous disposons d'un arsenal de pages de démonstration, dont une Insertion, mise à jour et suppression de la source de données au format PDF & Excel . Grille Columns démo, Grille hiérarchique démo et Column Interaction démo.

Procès | Application d'exemple pour Kendo UI® ♥ Bootstrap | Démos | Documentation HTML Helpers | Documentation sur les aides de balises

Ressources supplémentaires pour ASP.NET AJAX, MVC et Core DataGrids

Les outils Data.Grids pour nos outils ASP.NET sont riches en fonctionnalités, hautement performants et magnifiquement conçus. . Mais ne vous fiez pas à notre parole. Téléchargez certainement un essai gratuit de 30 jours et testez-le

. Découvrez également quelques-unes des autres ressources et informations disponibles sur la grille qui couvrent l'ensemble de nos outils.

• Article: Les 17 principaux conseils pour des grilles efficaces dans les applications Web
• Thèmes: Toutes les grilles comportent trois thèmes basés sur Sass – Default, Bootstrap et Material. Avons-nous mentionné qu'il existe également des thèmes moins basés? L'application Theme Builder qui vous permet de créer de nouveaux thèmes ou de personnaliser les thèmes existants de chaque framework, est également disponible.
• Support produit illimité: Nous sommes fiers de fournir un service de support apprécié de nos clients. Progress offre une assistance illimitée fournie par les ingénieurs du produit avec un temps de réponse garanti de 24 heures du lundi au vendredi.
• StackOverflow: Nous sommes de grands fans de StackOverflow chez Progress. Si vous souhaitez apprendre de la communauté d'utilisateurs Telerik en général, nous vous encourageons à visiter stackoverflow.com et à utiliser le tag "telerik-grid".

Codage heureux