ui for aspnet core examples
1.0.0
Telerik UI pour ASP.NET est une bibliothèque de composants ASP.NET ASP.NET complets qui vous permettent de tout créer, des applications complexes axées sur les données aux applications Web confrontées aux utilisateurs, avec des tonnes d'options de personnalisation couvrant chaque besoin de développement de l'interface utilisateur: navigation et mise en page, gestion et visualisation des données, édition, interactivité et plus.
Ce référentiel contient des exemples liés à l'interface utilisateur Telerik pour les composants de base ASP.NET qui peuvent être utilisés en plus de la documentation technique et des démos. Ces exemples démontrent des scénarios communs et fournissent des réponses à des questions excessives fréquentes concernant les composants de Telerik les plus populaires et les plus utilisés pour les composants de base ASP.NET:
L'exemple d'interface utilisateur pour les projets de base ASP.NET est fourni pour démontrer différentes questions, fonctionnalités et scénarios fréquemment posés. Ils ne font pas partie de nos procédures de test et doivent être considérés comme une base de connaissances. Les projets sont testés uniquement lors de la création ainsi que lors de la mise à jour ou de la mise à niveau du projet. Une condition préalable pour exécuter les applications d'échantillons consiste à installer ASP.NET Core 3.0.
Ce dépôt vous permet d'expérimenter avec des échantillons RazorPages et MVC (Contrôleur de vue du modèle). Pour exécuter les projets à partir de ce référentiel, veuillez suivre ces étapes:
Le projet utilise une base de données locale qui est créée lors de la construction du projet en fonction des migrations existantes.
Le projet applique une politique de sécurité du contenu stricte pour évaluer et s'approvisionner JavaScript sur le côté client.
Remarque : Ce référentiel ne contient pas le code source réel des composants, ni l'application de démos disponibles dans l'interface utilisateur officielle pour les démos de base ASP.NET. L'application Demos est disponible en tant que projet hors ligne de votre interface utilisateur Telerik pour ASP.NET Core.
Vérifiez l'interface utilisateur de Telerik pour la feuille de route ASP.NET Core pour voir une liste de composants, de fonctionnalités et d'outils que nous avons prévus. Vous pouvez également rester à jour avec des fonctionnalités et des bits récemment publiés en vérifiant notre nouveau
Si votre fonctionnalité n'est pas répertoriée dans la feuille de route du produit, consultez notre portail de rétroaction dédié. Vous pouvez voter des éléments demandés existants ou si vous ne voyez pas votre fonctionnalité sur notre portail, vous pouvez y demander la fonctionnalité.
| Composant de dataGrid ASP.NET Core | Caractéristiques de la grille | Documentation de la grille | Démos de la grille |
| Composant ASP.NET Core ListView | Répertorier les fonctionnalités | Documentation ListView | Démos listview |
| Composant Treelist ASP.NET | Caractéristiques de la liste des arbres | Documentation Treelist | Démos Treelist |
| Composant de filtre à noyau ASP.NET | Caractéristiques de filtre | Documentation filtrante | Démos filtre |
| Composant ASP.NET Core PivotGrid | Caractéristiques PivotGrid | Documentation PivotGrid | Démos pivotgrides |
| Composant ASP.net Core PivotGrid V.2 | Caractéristiques PivotGrid V.2 | Documentation PivotGrid V.2 | PivotGrid V.2 Demos |
| Composant ASP.NET Core Pager | Caractéristiques du téléavertisseur | Documentation du téléavertisseur | Démos de téléavertisseur |
| Composant de feuille de calcul ASP.NET | Caractéristiques de la feuille de calcul | Documentation de la feuille de calcul | Demos de feuille de calcul |
| Composant du tableau des tâches ASP.NET | Caractéristiques du tableau des tâches | Documentation du tableau des tâches | Démos du tableau des tâches |
| ASP> Gestionnaire de fichiers Net Core | Fonctionnalités du gestionnaire de fichiers | Documentation du gestionnaire de fichiers | Demos du gestionnaire de fichiers |
| Composant de téléchargement ASP.NET Core | Fonctions de téléchargement de fichiers | Documentation de téléchargement de fichiers | Demos de téléchargement de fichiers |
| Visionneuse PDF ASP.NET Core | Caractéristiques de sélection de fichiers | Documentation de l'électe de fichiers | Démos de sélection de fichiers |
| Composant de la carte de base ASP.NET | Cartographie des caractéristiques | Documentation de la carte | Map Demos |
| Composant du calendrier ASP.NET | Caractéristiques du calendrier | Documentation du calendrier | Démos du calendrier |
| Composant ASP.net Core Ganttchart | Caractéristiques de Gantt | Documentation Gantt | Démos de Gantt |
| ASP.NET Core MultiViewCalendar Composant | Fonctionnalités multiviwcalendar | Documentation multivalendar | Démos multivalendar |
| Composant ASP.NET Core Scheduler | Fonctionnalités du planificateur | Documentation du planificateur | Démos de planificateur |
| Composant ASP.NET Core AutoClete | Fonctionnalités de la saisie semi-automatique | Documentation de la saisie semi-automatique | Démos assortis |
| Composant ASP.NET Core CheckboxGroup | Fonctionnalités de cocherboxgroup | Chercher la documentation | Démos de cocherboxgroup |
| ASP.NET CORE COLORDADIENT COMPANANT | Caractéristiques colorgradient | Documentation colorgradient | Démos colorgradient |
| Composant ColorPalette ASP.Net Core | Colorpalette Caractéristiques | Documentation par colorpalette | Démos de colorpalette |
| Composant ColorPicker ASP.net Core | Fonctionnalités colorpicker | Documentation ColorPicker | Démos colorpicker |
| Composant ASP.NET Core FlatColorPicker | FlAtColorPicker Fonctions | Documentation FlatColorPicker | Démos flatcolorpicker |
| Composant ASP.NET Core Combox | Fonctionnalités de combobox | Documentation de combobox | Démos de combobox |
| Composant ASP.net Core Multicolumncombobox | Fonctionnalités multicolumncombobox | Documentation multicolumncombobox | Démos multicolmncombobox |
| Composant ASP.NET Core DateInput | Caractéristiques de dateinput | Documentation de dateinput | Demos de dateinput |
| Composant ASP.NET Core DatePicker | Fonctionnalités de DatePicker | Documentation DatePicker | Demos DatePicker |
| Composant ASP.NET Core DaterangePicker | Caractéristiques de daterangepicker | DaterangePicker Documentation | DaterangePicker Demos |
| Composant ASP.NET Core DatetimePicker | Fonctionnalités de DatetimePicker | Documentation DatetimePicker | Démos de Datetimepicker |
| Composant TimePicker ASP.NET | Fonctionnalités TimePicker | Documentation TimePicker | Démos timepicker |
| Composant ASP.NET Core TimeDurationPicker | Fonctionnalités TimeDurationPicker | Documentation TimeDurationPicker | TimedurationPicker Demos |
| Composant ASP.Net Core Dropdownlist | Fonctionnalités de liste de dropdown | Documentation Dropdownlist | Démos de liste de dropdown |
| Composant ASP.Net Core DropdownTree | Caractéristiques de l'arbre déroulant | Documentation de l'arborescence déroulante | Démos d'arborescence déroulante |
| Composant ASP.NET Core MaskedTextBox | Fonctionnalités masquées | Documentation masquée | Démos masqués |
| ASP.NET Core Multiselect Component | Fonctionnalités multiples | Documentation multiselect | Démos multiselectaires |
| Composant ASP.NET Core NumeRICTextBox | Fonctionnalités de la zone de texte numérique | Documentation NumeRICTextBox | Démos numériques |
| Composant de radiogroupe ASP.NET | Caractéristiques du groupe radio | Documentation de radiogroup | Démos radiogroup |
| Composant de notation ASP.NET | Caractéristiques du groupe de notation | Documentation de notation | Démos de notation |
| Composant de l'éditeur de base ASP.NET | Fonctionnalités de l'éditeur | Documentation de l'éditeur | Demos éditeurs |
| Composant ASP.NET Core TextArea | Caractéristiques de zone de texte | Documentation TextArea | Demos de TextArea |
| Composant ASP.NET Core TextBox | Fonctionnalités de la zone de texte | Documentation de la zone de texte | Démos de la zone de texte |
| Composant de signature ASP.NET Core | Caractéristiques de signature | Documentation signature | Démos signature |
| Composant de curseur de noyau ASP.NET | Caractéristiques du curseur | Documentation du curseur | Démos de curseur |
| Composant ASP.NET Core Image Editor | Fonctionnalités de l'éditeur d'image | Documentation de l'éditeur d'image | Demos d'éditeur d'image |
| Composant ASP.NET Core Switch | Fonctionnalités de commutation | Documentation de commutation | Commutation des démos |
| Composant ASP.NET Core Listbox | Fonctionnalités de liste de listes | Documentation ListBox | Démos de la liste |
| Composant ASP.Net Core CAPTCHA | Captcha Fonctions | Documentation CAPTCHA | Démos captcha |
| Composant ASP.NET Core Chart | Caractéristiques du graphique | Documentation du graphique | Démos de graphique |
| Composant ASP.NET Core Area Area | Caractéristiques du graphique de la zone | Documentation Areachart | Démos areachart |
| Composant ASP.NET Core Bar Bar | Caractéristiques du graphique à barres | Documentation du graphique à barres | Démos des graphiques à barres |
| Composant du diagramme de base ASP.NET | Caractéristiques du diagramme | Documentation du diagramme | Démos de diagramme |
| Composant ASP.NET Core Bubble Chart | Caractéristiques du graphique à bulles | Documentation de Bubblechart | Démos de Bubblechart |
| Composant ASP.NET Core Line Tableau | Caractéristiques du graphique de ligne | Documentation LineChart | Démos à linechart |
| Composant ASP.Net Core Donut Tableau | Caractéristiques du graphique de beignets | Documentation Donutchart | Demos Donutchart |
| Composant ASP.NET Core Tie Tie | Caractéristiques du graphique à tarte | Documentation Piechart | Demos de Piechart |
| Composant ASP.NET Core Stock Tableau | Caractéristiques du graphique des stocks | Documentation en stock | Démos Stockchart |
| Composant du graphique ASP.NET Core Heat Map | Caractéristiques du graphique de la carte thermique | Documentation HeatMapchart | Démos HeatMapchart |
| Composants du graphique radar ASP.NET Core | Caractéristiques du graphique radararea | Documentation RadarAreachart | Démos radararareachart |
| Composant ASP.NET Core OrgChart | Caractéristiques d'OrgChart | Documentation d'Orgchart | Démos d'Orgchart |
| Composant ASP.Net Core Treemap | Fonctionnalités Treemap | Documentation Treemap | Démos TreeMap |
| Composant de code QR ASP.NET Core QR | Fonctionnalités du code QR | Documentation du code QR | Démos de code QR |
| Composant de code-barres ASP.NET Core | Fonctionnalités du code QR | Documentation du code-barres | Démos de code-barres |
| Composant ASP.NET Core ArcGauge | Caractéristiques d'Arcgauge | Documentation ArcGauge | Démos arcgauge |
| Composant ASP.net Core CircularGauge | Caractéristiques de CircularGauge | Documentation CircularGauge | Démos de circulaire |
| Composant ASP.Net Core Lineargauge | Caractéristiques de lineargauge | Documentation Lineargauge | Démos lineargauge |
| Composant ASP.Net Core Radialgauge | Caractéristiques de Radialgauge | Documentation Radialgauge | Démos radialgauge |
| Composant ASP.NET Core ProgressBar | Caractéristiques de la barre de progrès | Documentation de la barre de progrès | Démos de la barre de progression |
| Composant de barre de progression circulaire ASP.NET Core | Caractéristiques de la barre de progression circulaire | Documentation de la barre de progression circulaire | Démos de réduction des progrès circulaires |
| Composant de chargeur de base ASP.NET | Caractéristiques du chargeur | Documentation du chargeur | Démos de chargeur |
| Composant d'info-bulle ASP.NET Core | Caractéristiques d'inscription | Documentation info-bulle | Démos info-bulle |
| Composant de notification de base ASP.NET | Caractéristiques de notification | Documentation de notification | Démos de notification |
| Composant de conteneur squelette ASP.NET | Caractéristiques des conteneurs squelettes | Documentation en conteneur squelette | Démos de conteneurs squelettes |
| Composant triable ASP.NET Core | Fonctionnalités | Documentation triable | Démos triables |
| Composant ASP.NET Core Conversational UI (CHAT) | Caractéristiques de l'interface utilisateur conversationnelles | Documentation de l'interface utilisateur conversationnelle | Démos d'interface utilisateur conversationnels |
| Composant de conteneur ASP.NET Core Ripple | Fonctionnalités des conteneurs Ripple | X | Démos de conteneurs d'ondulation |
| Composant ASP.NET Core Avatar | Caractéristiques d'avatar | Documentation d'avatar | Démos d'avatar |
| Composant de carte de base ASP.NET | Caractéristiques de la carte | Documentation de la carte | Démos de cartes |
| Composant de la boîte de dialogue ASP.NET | Caractéristiques de dialogue | Documentation de dialogue | Démos de dialogue |
| Composant de formulaire de base ASP.NET | Former des caractéristiques | Documentation de formulaire | Former des démos |
| Composant ASP.NET Core GridLayout | Fonctionnalités de GridLayout | Documentation GridLayout | Démos de gridlayout |
| Composant du panneau d'extension ASP.NET Core | EXPANSIONPANEL FEAUX | Documentation de l'expansion | Démos de panes d'expansion |
| Composant ASP.NET Core Stacklayout | Fonctionnalités de Stacklayout | Documentation Stacklayout | Démos de Stacklayout |
| Composant de l'insigne de base ASP.NET | Caractéristiques de badge | Documentation des badges | Démos de badge |
| Composant de séparateur ASP.NET Core | Caractéristiques du séparateur | Documentation des séparateurs | Démos de séparateur |
| Composant ASP.NET Core TileLayout | Fonctionnalités TileLayout | Documentation TileLayout | Démos tilelayout |
| Composant de popover ASP.NET Core | Fonctionnalités de popover | Documentation à popover | Popover Demos |
| Composant de panneau de réactif ASP.NET Core | Caractéristiques du panneau réactif | Documentation du panneau réactif | Démos de panneaux réactifs |
| Composant de fenêtre de noyau ASP.NET | Caractéristiques de fenêtre | Documentation de fenêtre | Démos de fenêtre |
| Composant ASP.NET Core ActionSheet | Fonctionnalités de feuille d'action | Documentation de feuille d'action | Demos de feuille d'action |
| Composant ASP.NET Core AppBar | Fonctionnalités appbar | Documentation Appbar | Démos appbar |
| Composant de navigation inférieure ASP.NET | Fonctionnalités de BottomNavigation | Documentation BottomNavigation | Démos de Notage Bottom |
| ASP.NET CORE COMPANNANT | Caractéristiques de chapelure | Documentation de la chapelure | Démos de chapelure |
| Composant du bouton Core ASP.NET | Fonctionnalités du bouton | Documentation des boutones | Démos de bouton |
| Composant ASP.NET Core Buttongroup | Buttongroup Fonctionnalités | Documentation de Buttongroup | Démos Buttongroup |
| Composant de la puce ASP.NET Core | Caractéristiques de la puce | Documentation de la puce | Démos à puce |
| Composant ASP.Net Core Chiplist | Fonctionnalités de la liste de puces | Documentation de la liste de chip | Démos de liste de puces |
| Composant de menu ASP.NET Core | Caractéristiques de menu | Documentation du menu | Démos de menu |
| Composant de tiroir de base ASP.NET | Caractéristiques du tiroir | Documentation du tiroir | Démos de tiroir |
| Composant du bouton déroulant ASP.NET Core | Caractéristiques du bouton déroulant | Documentation du bouton déroulant | Démos des bouton déroulants |
| Composant de barre de panneau ASP.NET Core | Caractéristiques de la barre de panneau | Documentation de la barre de panneau | Démos de barre de panneau |
| Composant du bouton ASP.NET Core FloatingAction | FloatingActionButton Fonctions | Documentation FloatingActionButton | Démos FloatingActionButton |
| Composant ASP.NET Core Splitbutton | Caractéristiques SplitButton | Documentation SplitButton | Démos Splitbutton |
| Composant de chronologie ASP.NET Core | Fonctionnalités de la chronologie | Documentation de la chronologie | Démos de la chronologie |
| Composant ASP.NET Core Tabstrip | Fonctionnalités tabstrip | Documentation Tabstrip | Démos tabstrip |
| Composant de la barre d'outils ASP.NET | Caractéristiques de la barre d'outils | Documentation de la barre d'outils | Démos de la barre d'outils |
| Composant ASP.net Core TreeView | Fonctionnalités TreeView | Documentation TreeView | Démos Treeview |
| ASP.NET Core Stepper Composant | Fonctionnalités | Documentation passante | Démos passants |
| Composant ASP.NET Core Assistant | Caractéristiques de l'assistant | Documentation de l'assistant | Démos des sorciers |
| Composant ASP.NET Core MediaPlayer | Fonctionnalités MediaPlayer | Documentation MediaPlayer | Démos MediaPlayer |
| Composant ASP.NET Core ScrollView | ScrollView Fonctions | ScrollView Documentation | Démos à parcourir |
Dans le cadre de votre interface utilisateur Telerik pour ASP.NET Core Free Trial ou Copy Licensed, vous avez accès à plusieurs bibliothèques de traitement de documents qui vous permettent de convertir, gérer et exporter des données en différents formats de fichiers.
| Bibliothèque de traitement PDF ASP.net Core PDF | Fonctionnalités de traitement PDF | Documentation de traitement PDF | Demos de traitement PDF |
| ASP.NET Core Spread Processing Library | Caractéristiques de traitement de propagation | Documentation de traitement de propagation | Répandise des démos de traitement |
| ASP.NET Core SpreadStream Processing Library | Caractéristiques de traitement SpreadStream | Documentation de traitement de ScreadStream | Demos de traitement de SpreadStream |
| ASP.NET Core Words Processing Library | Fonctionnalités de traitement des mots | Documentation de traitement des mots | Mots traitant des démos |
| ASP.NET Core Zip Library | Fonctionnalités de bibliothèque zip | Documentation de la bibliothèque zip | Démos de la bibliothèque zip |
L'interface utilisateur de Telerik pour ASP.NET Core Productivity Tools for Visual Studio Code inclut l'interface utilisateur pour ASP.NET Core Cafoder, Code Snippets Pack, Templates de projet avec composants Telerik, Telerik REPOT pour ASP.NET Core
| ASP.net Core Visual Studio Code | Présentation du code Visual Studio | Documentation du code Visual Studio |
Telerik UI pour ASP.NET Core propose une variété de thèmes intégrés conçus et personnalisables et personnalisables ainsi que le constructeur de thème Telerik Sass pour vous aider à créer et à livrer l'interface utilisateur en fonction des besoins de l'entreprise. Telerik UI pour ASP.NET Core comprend quatre thèmes intégrés: ASP.NET CORE THEME DÉAUT, MATÉRIEL, Thèmes Fluent et Bootstrap, ainsi que plusieurs échantillons de couleurs, notamment "Blue Ocean" ciblant la conformité à l'accessibilité.
| Quatre kits de conception de l'interface utilisateur Telerik pour Figma | Kits de conception de la Figma Telerik UI | Documentation |
| ASP.NET Core Themebuilder | Appliquez les couleurs de votre marque | Telerik UI pour ASP.NET Core Themebuilder App |
Nous avons créé l'application ASP.NET Core Admin Dashboard pour illustrer à quoi une telle application peut ressembler à la suite des meilleures pratiques de création d'interface utilisateur avec Telerik UI pour les composants ASP.NET. Il démontre l'apparence et la sensation des composants et peut être utilisé comme une ressource de leraning par quiconque envisage d'utiliser les composants de l'interface utilisateur Telerik pour la construction de l'interface utilisateur, quelle que soit leur expérience. La démonstration couvre une application complète du tableau de bord d'administration, y compris le suivi des tâches, le catalogue de produits, les paramètres du compte, etc., et montre à quel point il est facile de créer une interface utilisateur à l'aide de composants complexes tels que le datagrid (table), les graphiques, les formulaires et plus encore!.
L'application ASP.NET Core Stock Portfolio est une application Web progressive (PWA) présentant comment créer des tableaux de bord financiers dynamiques rapides et efficaces. Il utilise certains des utilisateurs Telerik les plus renommés pour les composants de base ASP.NET et affiche des mises à jour dynamiques de données en temps réel, permettant une grande flexibilité et une surveillance efficace des données sans retard visible. Les applications d'échantillons utilisent des composants tels que ASP.NET Core Grid, Charts, Dropdownlist, HeatMap, Calendar et plus encore!
L'application ASP.NET Core + Bootstrap montre comment créer des applications réactives à l'aide de Telerik UI pour ASP.NET Core aux côtés de Twitter Bootstrap. La disposition de la grille et le CSS réactif sont basés sur Bootstrap, tandis que les composants sont fournis par Telerik UI pour ASP.NET Core. La démo vous permet de redimensionner la page en modifiant la taille de la police ou en la personnalisant à l'aide des cueilleurs ci-dessus pour expérimenter ses fonctionnalités réactives.
Les projets font généralement référence à une version commerciale de l'interface utilisateur pour les composants de Blazor. Si vous n'avez qu'une licence d'essai, remplacez la référence au package NUGET et au fichier JS Interop et / ou au thème en conséquence.
Les références (à la fois à Telerik UI pour ASP.NET Core et le .NET Framework) sont généralement à jour pour le moment de la création. Vous devrez peut-être mettre à jour leurs dernières versions et apporter les modifications nécessaires. Le cadre Blazor (?) Évolue rapidement et ces exemples peuvent ne pas mettre à jour leurs références tout le temps. Néanmoins, les approches générales devraient rester valables, sauf des changements de rupture dans le cadre.
Les problèmes et les demandes de traction sont les bienvenus.
Pour soumettre une demande de traction, vous devez d'abord débarquer le dépôt .
Telerik UI pour ASP.NET Core est une bibliothèque d'interface utilisateur commerciale. Pour utiliser les composants, vous devez vous inscrire à un essai gratuit ou acheter une licence.
L'essai gratuit de 30 jours peut être obtenu auprès de la page de produit de Telerik pour ASP.NET Core et vous donne accès à toutes les composants de Telerik UI pour ASP.NET Core et leurs fonctionnalités complètes. Pour plus d'infromations concernant la licence disponible et les options de boudnle, vous pouvez consulter la page de prix du produit.
Pour les essais actifs et les titulaires de licence, vous avez accès à des sessions de formation techniques à la demande gratuites et à notre support technique légendaire fourni directement par l'interface utilisateur pour l'équipe ASP.NET Core Dev!
Tous les titulaires de licence actifs ont accès au flux privé de Telerik NuGet. Le Telerik.Examples.Mvc et Telerik.Examples.RazorPages fait référence à un package NuGet local qui est une version d'essai de l'interface utilisateur de Telerik pour ASP.net Core Nuget.
Afin d'ajouter une référence au package NuGet commercial, suivez les étapes ci-dessous:
Naviguez vers les dépendances> Packages de l'explorateur de solutions dans Visual Studio.
Faites un clic droit sur telerik.ui.for.aspnet.core.trial et sélectionnez Supprimer dans le menu contextuel.
Allez dans Tools> NUGET Package Manager> Paramètres du gestionnaire de package , sélectionnez les sources du gestionnaire de package , puis cliquez sur le bouton +.
Choisissez le nom de flux, définissez l'URL de flux sur: https://nuget.telerik.com/v3/index.json et cliquez sur OK.
Parcourez et installez le package telerik.ui.for.aspnet.core Nuget.
Visual Studio cache parfois les packages NuGet et ils doivent être effacés. Pour ce faire, ouvrez les outils> NUGET Package Manager> Commande de menu Paramètres du gestionnaire de packages , puis sélectionnez Effacer tous les caches NuGet .
Si une erreur est présente dans le gestionnaire de packages et qu'une référence à la source supprimée est toujours debout, sur le flux de package NuGet et supprimez la référence manuellement.
Pour plus d'informations sur la façon d'ajouter le flux Private Telerik NuGet et d'installer le pack
