Interface utilisateur Telerik pour Blazor 2.0.0 – Hiérarchie des grilles, DateTimePicker
La technologie Blazor évoluant rapidement, notre suite de UI Telerik pour les commandes Blazor évolue également. Quelques mois à peine après la première publication, nous sommes heureux de vous fournir les 25 meilleurs composants Blazor natifs (et en croissance constante). Dans ce billet de blog, nous souhaitons partager avec vous ce qui est inclus dans la nouvelle version 2.0.0, à peine une semaine avant la version officielle de Blazor de Microsoft. Lisez et découvrez plus en détail la hiérarchie des grilles Blazor, DataTimePicker, la compatibilité avec ASP.NET Core 3.0 RC et des modifications importantes.
Une compatibilité fulgurante avec le candidat à la version ASP.NET Core 3.0!
The Release Candidate of ASP. NET Core 3.0 est là et l'interface utilisateur de Telerik pour Blazor ne fait pas que grandir, elle est aussi plus puissante. Nous sommes à présent entièrement compatibles avec toutes les mises à jour RC publiées par Microsoft.
Breaking Changes
Nous voulions simplifier votre travail et augmenter la convivialité des composants. Nous avons donc introduit les modifications suivantes dans la version 2.0.0: [19659006] Changement de l’espace de nommage – pour utiliser l’un des composants des vues que vous créez, il suffit d’inclure les fichiers @using Telerik.Blazor et @using Telerik.Blazor.Components dans le fichier ~ / _ Imports.razor
.
et, par souci de brièveté, le préfixe Telerik
est supprimé de toutes les balises enfants.Pour plus d'informations et des exemples de code de démonstration, vous pouvez vous reporter à l'article complet Interrompre les modifications dans l'interface utilisateur de Telerik pour Blazor 2.0.0 .
Nouvelle hiérarchie de grille Blazor
] Comme le composant Blazor Grid a été le premier élément ou le produit le plus demandé par nos clients et adoptants, nous nous efforçons de prendre en compte régulièrement vos commentaires et de les intégrer à notre composant.
Avec la version 2.0.0, les données ne doivent plus être plates, car nous introduisons la hiérarchie de grille Blazor – vous pouvez désormais organiser vos enregistrements dans une structure de relation parent-enfant et utiliser le maître. – modèles de détail.
@page
"/ grid / hierarchy"
]
<TelerikGrid Data =
"@ GridData"
Hauteur =
"550px"
Pageable =
"vrai"
PageSize =
"10"
Triable =
"vrai"
>
]
<GridColumn Field = @ nameof (Product.ProductName) Title =
"Nom du produit"
/>
. <ChampColonne = @nomof (Product.UnitPrice) Title =
"Prix unitaire"
/>
< GridColumn Field = @ nameof (Product.UnitsInStock) Title =
"Unités en stock"
/>
<19659038] <Champ GridColumn Field = @nameof (Product.CreatedAt) Title =
"Date de création"
/>
/ 19651038] <19659038] <GrilleColonne Champ = @ nameof (Produit .Discontinued) Title =
"Discontinued"
Largeur =
"150px"
/>
]
@ {
var produit = contexte
en tant que
Produit;
. ]
<TelerikGrid Data =
"@ product.OrderDetails"
[19459073]. Hauteur = "300 pixels"
Pageable =
"vrai"
Triable =
"Vrai"
PageSize =
"5"
>
[19459084]> ]
<GridColumn Field = @ nameof (OrderDetails.OrderId) Title =
"Ordre de commande"
/>
<GridColumn Field = @ nameof (OrderDetails.UnitPrice) Title =
"Prix"
/>
]
<GridColumn Field = @ nameof (OrderDetails.Discount) Title =
"Remise"
>
] <Template Context =
"ordre"
>
@ (String.Format (
"{0: P2}"
ordre
comme
OrderDetails) .Discount
<GridColumn Field = @ nameof (OrderDetails.Quantity) Titre =
"Quantité" [19659040] />
}
Dans le
Interface utilisateur Telerik pour la hiérarchie de grille Blazor
Lorsque vous définissez un modèle de détail, les utilisateurs peuvent développer réduire les données détaillées via un bouton affiché au début de chaque ligne.
Nouveau composant Blazor: DateTimePicker
Il y a quelques semaines, nous avons introduit la version 1.6.0 de la version . ] Composant Blazor TimePicker, et avec la version 2.0.0 actuelle, nous ajoutons DateTimePicker .
The Telerik TimePicker pour Blazor [194598] expose deux événements pour le traitement de la logique personnalisée:
- ValueChanged – déclenche un incendie à chaque changement (par exemple, une frappe) dans l'entrée et en cliquant sur le bouton Définir ou maintenant. boutons dans la liste déroulante.
- OnChange – se déclenche lorsque la nouvelle valeur est validée par l'utilisateur, soit en appuyant sur Entrée pendant que l'entrée est focalisée, ou lorsque l'entrée perd le focus.
Blazor Keynote at BASTA Conférence
Nous sommes ravis de vous inviter au discours de notre directrice en génie logiciel, Pavlina Hadzhieva Adieu, JavaScript côté client – Bonjour, Blazor à la conférence BASTA . 19659013] Venez nous rencontrer au kiosque Progress Telerik pour discuter de l'avenir de Blazor et participer à notre jeu «Code for Charity».
Téléchargez l'interface utilisateur Telerik pour Blazor 2.0.0
Nous vous encourageons à visiter la page de présentation de l'interface utilisateur Telerik pour Blazor et à télécharger la suite Telerik de plus de 25 composants natifs Blazor! Nous travaillons continuellement à l’agrandissement des démonstrations de Blazor et à l’enrichissement de la documentation afin que vous disposiez d’une expérience fluide.
Partagez vos réactions
Nous encourageons tous nos premiers adoptants. et les fans de continuer à fournir de précieux commentaires! S'il vous manque des fonctionnalités ou des composants dont vous avez besoin, rendez-vous sur le portail Interface utilisateur officielle de Telerik pour Blazor et soumettez-nous vos idées et influence directement notre feuille de route!
Happy Blazor Coding !
Source link