Nouveautés de l'interface utilisateur Telerik pour Blazor 2.3.0: ComboBox & More

Découvrez les dernières fonctionnalités et mises à jour de l'interface utilisateur Telerik pour Blazor, notamment une nouvelle ComboBox, le redimensionnement des colonnes de la grille, le calendrier MultiView et la compatibilité .NET Core 3.1 Preview 2.

Nous continuons à faire évoluer l'interface utilisateur de Telerik pour Suite Blazor et sommes heureux d’annoncer que la version 2.3.0 vient de paraître et qu’elle est prête à être téléchargée. Nous continuons à ajouter régulièrement de nouveaux composants et à étendre les capacités du composant le plus utilisé et le plus demandé – la grille.

Nous avons ajouté un tout nouveau contrôle Blazor ComboBox MultiView Calendar et amélioré le quadrillage avec le redimensionnement des colonnes . Nous nous sommes également assurés que l'interface utilisateur Telerik pour Blazor est compatible avec la version 2 de .NET Core 3.1.

Compatible avec la version 2 de la version 2 de ASP.NET Core

Peu de temps après que Microsoft a annoncé la sortie de la version 2 de . NET Core 3.1 nous sommes heureux de partager que l’interface utilisateur de Telerik pour Blazor 2.3.0 est entièrement compatible.

NET Core 3.1 est une version courte axée sur les principales améliorations apportées aux deux ajouts importants à .NET Core 3.0. – Blazor et bureau Windows. Microsoft a annoncé que la version 3.1 serait une version de support à long terme (LTS) avec une date de sortie définitive prévue pour décembre 2019.

Nouveau composant Blazor ComboBox

Indiquez si vous devez autoriser l'utilisateur à sélectionner des éléments dans une liste déroulante. valeurs prédéfinies, laissez-les entrer des valeurs personnalisées ou filtrez les éléments disponibles – le nouveau composant Blazor ComboBox a tout pour plaire.

Vous pouvez lier l'objet ComboBox à des types primitifs (tels que int, string, double) ou à un modèle de données.Vous trouverez plus de détails dans l'article de liaison de données détaillé .

ComboBox Filtrage

Pour faciliter la recherche de valeurs pour vos utilisateurs, vous pouvez utiliser l’option Filtrable dans . Pour encourager la saisie de valeurs par l’utilisateur lorsque filtre (194) 59007]vous pouvez définir la propriété Placeholder avec un message d'appel à l'action approprié.

 < TelerikComboBox   Data  =  "@ ComboBoxData"    =  "true"   Placeholder  =  "Trouver un produit en tapant une partie de son nom"   @  bind-Value  =  ". SelectedValue "  TextField  = " NomProduit "  ValueField  = " ProductId ">  



                                  

                                


   </  ] TelerikComboBox > 

Valeurs personnalisées ComboBox

Outre le filtrage et la sélection de valeurs, le scénario de votre application peut également nécessiter une entrée de l'utilisateur avec les valeurs personnalisées . Dans ce cas, vous devez définir la propriété AllowCustom sur true et vous assurer que les propriétés TextField et et sont correctes. les propriétés sont du type chaîne .

la taille et diverses options d’apparence. À l’aide des modèles Vous pouvez modifier le rendu et personnaliser les éléments, en-tête et pied de page. Vous trouverez ci-dessous un exemple de personnalisation de votre ComboBox à l'aide de modèles:

 < TelerikComboBox   @ bind-Value = @ SelectedValue        Data  =  "@ ComboBoxData"   


     
 


 ] ValueField  =  "ProductId"   
      
  =  =  "[NomAppareil" >   
   < HeaderTemplate >  
            [1949020] 59039]  < div   classe  =  "k-en-tête"   style  =  "bord supérieur: 10px; padding-bottom: 10px "> Produits disponibles </  div >   






 Le meilleur outil 2023 pour ta croissance Instagram ! 



  










Source link