Fermer

octobre 21, 2020

Telerik UI pour Blazor 2.18.0 – Cinq nouveaux composants et plus encore!Une minute de lecture



La nouvelle interface utilisateur Telerik pour Blazor 2.18.0 comprend cinq nouveaux composants natifs et de nombreuses fonctionnalités améliorées pour la grille, l'arborescence, le planificateur et plus encore. Découvrez tout ce qui est nouveau.

Salut les développeurs! Nouvelles passionnantes aujourd'hui, alors que nous venons de publier Telerik UI pour Blazor 2.18.0 avec une abondance de nouveaux composants natifs, y compris Masked Textbox Text Area Barre de progression ChunkProgress Bar et Radio Group, ainsi que de nombreuses nouvelles fonctionnalités et améliorations intéressantes! Les composants Grid et TreeList permettent désormais un formatage simple des colonnes, un style conditionnel de cellule et de ligne et de nouveaux événements. Le composant Scheduler a été amélioré avec une option pour rendre le contenu personnalisé et appliquer un style personnalisé à ses rendez-vous, et en plus de cela, toute l'interface utilisateur de Telerik pour Blazor est maintenant compatible avec .NET 5.0 RC2!

Explorons la version 2.18.0 contenu et découvrez en détail les nouveautés que vous pouvez intégrer dans vos applications Blazor Server et WebAssembly.

Composant Blazor Masked TextBox

Présentation du composant d'interface utilisateur Masked Textbox

Le composant Telerik Masked TextBox pour Blazor vous permet d'obtenir les entrées de l'utilisateur tout en garantissant l'entrée valide de formats standard, tels que le numéro de téléphone, le code postal, le numéro de sécurité sociale, le numéro de carte de crédit, et fournit également une option pour les formats personnalisés tels que le code produit spécifique à l'entreprise. L'entrée masquée fournit plusieurs fonctionnalités prêtes à l'emploi liées à la configuration et à la personnalisation de sa visualisation et de son comportement.

Interface utilisateur Telerik pour le composant de zone de texte masquée Blazor

Configuration et personnalisations de la zone de texte masquée

La partie Masque du composant Telerik définit quelle entrée utilisateur est autorisée et à quelles positions . Il inclut des règles intégrées spéciales qu'il reconnaît comme caractères spéciaux lorsqu'ils sont rencontrés dans le masque et détermine la manière dont l'utilisateur écrit son entrée. En plus des règles de masque, vous pouvez également spécifier des symboles statiques dans le modèle de masque connu sous le nom de littéraux . Vous pouvez les utiliser pour afficher un format plus convivial de l'entrée ou pour prédéfinir une partie de l'entrée pour votre utilisateur.

La zone de texte masquée permet une personnalisation complète par fournissant en outre des options pour spécifier un caractère d'invite littéral (par défaut pour souligner _ et fournir des conseils à l'utilisateur avant de commencer à taper), une classe CSS, un espace réservé, un index de tabulation et plus encore.

Telerik UI pour les personnalisations de zone de texte masquée Blazor

Options d'étiquette de zone de texte masquée

Vous disposez d'options pour spécifier si la zone de texte masquée L'étiquette doit être rendue au-dessus de l'entrée masquée ou sous forme d'étiquette flottante à l'aide du paramètre MaskOnFocus . Si MaskOnFocus est défini sur false (par défaut), le Label sera toujours au-dessus de l'entrée. Lorsque MaskOnFocus est défini sur true en combinaison avec le paramètre Label ou Placeholder vous pouvez facilement obtenir des étiquettes flottantes ou une interactivité d'espace réservé.

Telerik UI pour Blazor Masked Textbox Floating Label

Événements du composant Masked Textbox

Le Telerik Le composant MaskedTextbox Blazor expose deux événements pour vous permettre de gérer et d'effectuer des actions basées sur l'entrée utilisateur Applications Blazor:

  • OnChange – se déclenche lorsque l'utilisateur appuie sur Entrée dans l'entrée ou lorsque l'entrée perd le focus et peut être utilisé avec une reliure bidirectionnelle
  • ValueChanged – se déclenche à chaque modification (par exemple, frappe) dans l'entrée et ne peut pas être utilisé avec un bidirectionnel

Blazor Text Area Component

TextArea Présentation des composants de l'interface utilisateur [19659006] Le composant Telerik Blazor Text Area est un ajout intéressant à toute application qui nécessite une saisie de texte plus large. Il permet à l'utilisateur de fournir un texte multiligne et convient pour des informations telles que l'adresse, une brève description, des notes, des commentaires, etc. Le composant TextArea fournit des fonctionnalités intégrées de redimensionnement automatique, d'étiquette flottante et d'événements pour répondre aux actions de l'utilisateur.

Interface utilisateur Telerik pour le composant Zone de texte Blazor

Dimensionnement automatique du composant TextArea

En utilisant le paramètre AutoSize le composant d'interface utilisateur Telerik TextArea peut être facilement configuré pour redimensionner automatiquement sa hauteur lors de la saisie au clavier.

Étiquette flottante du composant TextArea [19659009] Le composant ТextArea fournit une étiquette flottante prête à l'emploi – un espace réservé avec une animation flottante vers le haut lorsque l'entrée obtient le focus. Dans les cas où vous préférez utiliser une étiquette standard attachée au contrôle, vous pouvez utiliser le paramètre Id de la zone de texte et attacher votre propre balise




Source link

0 Partages