Fermer

décembre 5, 2019

Interface utilisateur Telerik pour Blazor Scheduler, Globalization


Alors que nous approchons de la fin d'un incroyable 2019 (21 sorties contenant plus de 25 composants Blazor UI), nous sommes ravis d'annoncer la sortie de la dernière version 2.5.0 de Telerik UI for Blazor. !

Il est maintenant possible de télécharger quelque chose d'excitant sur lequel l'équipe travaille depuis quelques semaines maintenant – the Scheduler ! En novembre, nous avons annoncé la publication de Localisation dans l'interface utilisateur de Blazor. Dans la version 2.5.0, nous avons développé l'internationalisation et inclus la mondialisation . Enfin, dans la version 2.5.0, nous avons également veillé à ce que l'interface utilisateur Telerik pour Blazor soit compatible avec la version officielle de .NET Core 3.1. Continuez à lire pour en savoir plus.

Nouveau composant Blazor Scheduler

Le planificateur d'interface utilisateur Blazor a été l'une des demandes les plus votées . Nous avons donc déployé de nombreux efforts pour vous permettre de le brancher sur vos applications très prochainement – vos événements , rendez-vous et tâches ont une nouvelle maison appelée !

Aperçu du planificateur Blazor

Le planificateur est un composant puissant et riche en fonctionnalités qui vous permet d'ajouter, de modifier et de visualiser des rendez-vous, tout en offrant des options. pour personnaliser l’apparence en sélectionnant différentes vues.

 Interface utilisateur Telerik pour Blazor Scheduler "title =" Interface utilisateur Telerik pour Blazor Scheduler "/></p data-recalc-dims=

Pour l’ajouter à votre application, ajoutez simplement le paramètre <. TelerikScheduler> tag et peupler sa propriété Data . Ce qui est cool, c'est que si votre modèle utilise les noms de champs par défaut, il vous suffit de définir les propriétés d'apparence du planificateur et vues.

< TelerikScheduler [19659016] Données = "@ Nominations" Hauteur = "600px" Width = "800px" >

. 19659027] < Planificateur de vues >

< PlanificateurDayView />

</ PlanificateurVues >

</ ] TelerikScheduler >

Si vous souhaitez adapter la vue, spécifiez-la dans le tag < SchedulerViews > . Actuellement, l'interface utilisateur de Blazor prend en charge: SchedulerDayView SchedulerMultiDayView SchedulerWeekView et prévoit en ajouter d'autres dans nos prochaines versions. Vous pouvez également définir les dates de début et de fin de SchedulerViews .

< TelerikScheduler Data = "@ Rendez-vous" Hauteur = "600px" Largeur = "800px" >

< Planificateur de vues >

< Planificateur de plans StartTime = "@ DayStart" EndTime = "@ DayEnd" WorkDayStart = "@ WorkDayStart" WorkDayEnd [19659017] = "@ WorkDayEnd" />

< PlanificateurWeekView StartTime = "@ DayStart" FinTime = "@ DayStart" 19659018] "@ DayEnd" WorkDayStart = "@ WorkDayStart" WorkDayEnd = "@ WorkDayEnd" />

[>19659066]. ] PlanificateurMultiDayView Heure de début [1 9659017] = "@ DayStart" EndTime = "@ DayEnd" WorkDayStart = "@ WorkDayStart" WorkDayStart = ] "@ WorkDayEnd" NumberOfDays = "10" />

</ Agenda du gestionnaire >

</ TelerikScheduler [19659017]>

 Interface utilisateur Telerik pour Blazor Scheduler "title =" Interface utilisateur Telerik pour Blazor Scheduler "/></p data-recalc-dims=

Rendez-vous du planificateur

Pour chaque événement / rendez-vous du planificateur, vous pouvez définir les champs suivants:

  • Titre – titre abrégé du rendez-vous qui apporterait un sens à l'utilisateur, tel que «Réunion de démonstration Sprint» [19659127] Début – date et heure de début du rendez-vous
  • Fin – date et heure du rendez-vous
  • Description – description détaillée du rendez-vous
  • IsAllDay – spécifie si le rendez-vous dure une journée ou un intervalle de temps spécifique

 Interface utilisateur Telerik pour modification de rendez-vous Blazor "title =" Interface utilisateur Telerik pour modification de rendez-vous Blazor "data-openoriginalimageonclick =" true "/> </a data-recalc-dims=

Besoin de validation du rendez-vous? problème – pour vous simplifier la tâche, le composant dispose d’une validation intégrée pour les champs Titre, Début et Date.

Navigation dans le planificateur

Le planificateur permet de naviguer dans le plan de différentes manières – du point de vue de l’utilisateur et du point de vue utilisateur. En tant que développeur, les utilisateurs peuvent modifier l'intervalle de temps actuellement affiché, choisir parmi plusieurs vues disponibles et basculer entre les heures de travail et les journées complètes.

Si vous devez utiliser la navigation par code, vous pouvez vous reporter à l'article UI for Blazor Navigation.

 Interface utilisateur Telerik pour Blazor Scheduler "title =" Interface utilisateur Telerik pour Blazor Scheduler "/></p data-recalc-dims=


Événements du planificateur

Le planificateur Telerik pour Blazor comporte les événements suivants disponibles à partir de la version 2.5. 0 release:

  • Evénements CUD – nécessaires pour gérer l’édition des rendez-vous. Le planificateur expose OnCreate, OnDelete et OnUpdate pour vous aider à mettre à jour les données dans le modèle d'affichage et le base de données sous-jacente et OnEdit et OnCancel pour la mise en oeuvre de la logique personnalisée
  • DateChanged – se déclenche lorsque l'utilisateur navigue vers un autre jour
  • ViewChanged – se déclenche lorsque l'utilisateur le fait modifie la vue Planificateur

Et ce n’est que le début. Restez à l’écoute pour découvrir d’autres fonctionnalités intéressantes du Planificateur dans notre prochaine version.

Nouveauté dans l’interface utilisateur pour Blazor Globalization

Si votre application Blazor va conquérir le monde, elle besoins Internationalisation – traduction de textes de composants d'interface utilisateur en plusieurs langues, adaptation du formatage des valeurs en fonction de la culture spécifique, et même prise en charge de droite à gauche. Depuis la version 2.4.0, l'interface utilisateur de Telerik pour Blazor supportait les traductions localisées et, dans 2.5.0 nous avions implémenté Mondialisation – possibilité de lire . CurrentCulture et restituez les formats de date, les devises et les chiffres en conséquence.

Pour plus d'informations sur Mondialisation de l'interface utilisateur de Blazor dans l'article de blog dédié.

L'interface utilisateur de Blazor est compatible avec la version officielle du .NET Core 3.1!

.NET Core 3.1 [NET]. a été officiellement publié par Microsoft et est prêt à être utilisé dans n'importe quel scénario d'entreprise ou d'utilisateur, et la bonne nouvelle est que l'interface utilisateur de Telerik pour Blazor 2.5.0 est entièrement compatible!

.NET Core 3.1 est un petit ensemble de corrections et d'améliorations par rapport à .NET Core 3.0 publié en septembre 2019. Il s'agit d'une version supportée à long terme (LTS) Et sera pris en charge pendant trois ans.

Téléchargez l’UI Telerik pour Blazor 2.5.0

La version 2.5.0 de l’UI Telerik pour Blazor Native Components est disponible au téléchargement à partir de à la page de l’UI Telerik pour Blazor [19659152]!

Merci de votre contribution et de faire partie de la merveilleuse communauté UI for Blazor! Continuez à nous faire part de vos idées, demandes de fonctionnalités et commentaires sur le portail officiel de rétroaction de l'interface utilisateur de Telerik pour Blazor .

En route pour une incroyable année 2020!

L'équipe Telerik Blazor à Progress





Source link