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 .
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 et t ags pour configurer votre composant Wizard.
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.
@ (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