L’Outil Surpuissant pour Exploser ton Chiffre d'Affaires en 2024 !
Assistant Telerik UI ASP.NET Core et pager, aperçu 5 .NET 5.0
Juste un mois après la sortie R2 2020 de Telerik UI pour ASP.NET Core, nous sommes heureux de partager une autre mise à jour qui comprend deux nouveaux composants, Wizard et Pager, ainsi qu'un nouveau modèle de projet Visual Studio Dashboard, compatible avec. NET 5 preview 5 et de nombreuses nouvelles améliorations. Lisez la suite et découvrez les points forts de la dernière version de Interface utilisateur Telerik pour ASP.NET Core !
Compatibilité avec les versions d'aperçu de .NET 5.0
Nous poursuivons nos efforts pour rester à jour avec toutes les mises à jour par Microsoft dans les versions d'aperçu de .NET 5.0 jusqu'à sa sortie officielle plus tard cette année en novembre. Nous sommes heureux de partager que la dernière version de Telerik UI pour ASP.NET Core est compatible avec. Aperçu de 5.0 5.0 5 .
Nouvelle interface utilisateur pour les composants ASP.NET Core
Nouvelle interface utilisateur pour Composant de l'Assistant ASP.NET Core
Présentation du composant de l'Assistant
La nouvelle interface utilisateur Telerik pour ASP.NET Core Wizard vous permet de décomposer facilement les processus longs en plusieurs étapes et de simplifier les tâches de saisie des utilisateurs en leur exposant une seule forme à la fois . Chaque étape de l'assistant peut avoir son propre contenu (formulaire ou autre HTML), est livré avec une validation de formulaire intégrée (via l'intégration des composants de formulaire) pour les données d'entrée et un indicateur de progression indiquant le nombre d'étapes restantes pour atteindre leur objectif final pour le processus .
Telerik UI for ASP.NET Core Wizard Component
Wizard Component Initialization HTML et TAG Helpers
Pour ajouter l'Assistant dans vos applications ASP.NET Core il suffit de l'initialiser en lui donnant un nom et en ajoutant le nombre d'étapes et de contenu requis, comme indiqué dans l'exemple de code ci-dessous:
@ (Html.Kendo (). Wizard ()
.Name ( "wizard" )
.Steps (s => {
[19659025] s.Add (). Contenu ( "Initial Step" );
s.Add (). Content ( "Second Step" );
] s.Add (). Contenu ( "Final Step" );
})
)
Pour ceux d'entre vous qui préfèrent utiliser les aides TAG plutôt que HTML assistants, vous pouvez directement brancher les
Wizard Component Integration Form
L'assistant Telerik UI for ASP.NET Core fournit une intégration simple mais puissante avec le composant Telerik UI for ASP.NET Core Form.
Chaque étape de l'Assistant peut accepter une méthode de configuration .Form () qui définit de nombreuses options prêtes à l'emploi (car elles sont disponibles dans le contrôle Form lui-même). Cela vous donne l'avantage d'avoir toutes les fonctionnalités disponibles dans le composant Form autonome de l'assistant.
Interface utilisateur Telerik pour ASP.NET Core Intégration du composant Assistant avec le composant Form
Un exemple partiel sur la façon d'intégrer le composant Form peut être trouvé dans la section de code ci-dessous (pour plus de détails, consultez la démonstration du formulaire Wizard ).
@ (Html.Kendo (). Wizard ()
.Name ( "wizard" )
.Events (ev =>) ev.Done ( "onDone" ))
.Tag ( "form" )
.Steps (s =>
[19659019] {
s.Add ()
.Title ( "Registration" )
.Form (f => f
[19659073] .Validatabl e (v =>
{
v.ValidateOnBlur ( true );
v.ValidationSummary (vs => vs.Enable ([19659078] false ));
})
.FormData ([19659078] nouveau {Username = "johny" Email = "john.doe@email.com" Password = "pass123" DateOfBirth = String.Format ( "{0: jjj, jj MMM aaaa}" DateTime.Now)})
.Items (items =>
{[19659022] items.Add (). Field ( "Username" ). Label (label => label.Text ( "Username:" ));
[19659077] items.Add (). Field ( "Email" ). Label (label => label.Text ( "Email:" ));
items.Add (). Champ ( "Password" ). Label (label => label.Text ( "Password: ")). InputHtmlAttributes ( nouveau {@type = " mot de passe " }). Conseil (" Conseil: entrez uniquement des caractères alphanumériques. ") ;
items.Add (). Champ ( "DateOfBirth" ). Label (label => label.Text ( "DateOfBirth:" ). Facultatif ([19659078] vrai ));
})
)
]…
)
Afin de faciliter les scénarios d'intégration des formulaires dans l'assistant, l'interface utilisateur Telerik pour ASP. NET Core Wizard peut être initialisé à partir d'un élément