Scheduler Blazor - Un composant de calendrier dévénements flexible
- Affichez des événements dynamiques en vue jour, semaine, mois, agenda, année ou chronologie.
- Affichez plusieurs calendriers dans une seule mise en page avec des événements regroupés.
- Synchronisez facilement les événements avec Google Agenda et Outlook Calendrier.
Quick Overview Video
Confiado por las empresas líderes del mundo
Aperçu
Le Scheduler Blazor est un composant de calendrier d’événements complet qui aide les utilisateurs à gérer leur temps efficacement. Il facilite la planification des ressources et la reprogrammation des événements ou des rendez-vous via des fenêtres contextuelles d’édition, des actions de glisser-déposer et de redimensionnement.
Pourquoi choisir Syncfusion Essential Studio® Blazor Scheduler ?
Haute performance
Le Scheduler Blazor charge les données à la demande par défaut pour réduire les temps de transfert et de chargement. Un mappage de champ approprié est obligatoire lors de la liaison du Scheduler à des sources de données avec des noms de champs différents.
Liaison de données transparente
Liez les données de manière transparente avec diverses sources de données locales et distantes telles que JSON, OData, WCF et les services Web RESTful à l’aide d’un gestionnaire de données.
Vues intégrées
Plusieurs modes de vue intégrés sont disponibles : jour, semaine, semaine de travail, mois, agenda, mois-agenda, année et chronologie. Avec une variété de variables spécifiques à la vue, vous pouvez personnaliser chaque vue.
Événements récurrents
Configurez facilement des événements récurrents pour qu’ils se répètent quotidiennement, hebdomadairement, mensuellement ou annuellement avec des options de récurrence intégrées.
Plusieurs ressources et regroupement
Pour regrouper les ressources selon plusieurs facteurs, le Scheduler Blazor offre un large éventail d’options flexibles. Il couvre également la planification des chronologies et le regroupement des rendez-vous par ressource et par date.
S’adapte à toute résolution
Le Scheduler a une mise en page très réactive et un design optimisé pour les ordinateurs de bureau, les écrans tactiles et les smartphones. Il fonctionne bien sur tous les téléphones mobiles utilisant iOS, Android ou Windows OS.
Thèmes attrayants et personnalisables
Design de pointe avec plus de 5 thèmes intégrés tels que Fluent, Tailwind CSS, Bootstrap, Material, Fabric, et bien d’autres. Utilisez l’outil en ligne Theme Studio pour personnaliser facilement les thèmes du Scheduler.
Globalisation et localisation
Permet aux utilisateurs de différentes régions d’utiliser le Scheduler en formatant les dates, la devise et la numérotation en fonction de leurs préférences.
AI-Powered Smart Scheduler Pour une gestion efficace du temps
Notre AI Scheduler transforme la planification en un jeu d’enfant. Il suffit de taper « Réunion d’équipe hebdomadaire à 10 h le vendredi » et il organise automatiquement vos événements, résout les conflits et s’adapte à votre flux de travail. Votre calendrier ne se contente pas de suivre le temps — il vous aide à en tirer le meilleur parti.
Exemple de code Scheduler Blazor
Démarrez facilement avec le Scheduler Blazor en quelques lignes de code C# comme démontré ci-dessous. Explorez également notre exemple de Scheduler Blazor qui vous montre comment rendre et configurer le Scheduler dans Blazor.
@using Syncfusion.Blazor
@using Syncfusion.Blazor.Schedule
<SfSchedule TValue=AppointmentData>
<ScheduleViews>
<ScheduleView Option="View.Day"></ScheduleView>
<ScheduleView Option="View.Week"></ScheduleView>
<ScheduleView Option="View.WorkWeek"></ScheduleView>
<ScheduleView Option="View.Month"></ScheduleView>
<ScheduleView Option="View.Agenda"></ScheduleView>
</ScheduleViews>
</SfSchedule>
@code {
public class AppointmentData
{
public int Id { get; set; }
public string Subject { get; set; }
public string Location { get; set; }
public DateTime StartTime { get; set; }
public DateTime EndTime { get; set; }
public string Description { get; set; }
public bool IsAllDay { get; set; }
public string RecurrenceRule { get; set; }
public string RecurrenceException { get; set; }
public Nullable<int> RecurrenceID { get; set; }
}
}Plusieurs vues du planificateur
Une grande variété de modes de vue intégrés sont disponibles : jour, semaine, semaine de travail, mois, agenda, mois-agenda, année et chronologie. Configurez facilement chaque vue individuelle avec différentes options spécifiques à la vue.
Vues jour, semaine et semaine de travail
Affichez les événements et les rendez-vous pour un seul jour ou sur plusieurs jours.
Vue mois
Affichez les événements et les rendez-vous sur un seul jour ou plusieurs jours pour un mois entier.
Vue Agenda
Chargez virtuellement les événements et affichez-les sous forme de liste dans un ordre séquentiel regroupés par jour. Une option existe pour spécifier le nombre de jours à charger initialement dans la vue agenda.
Vue Agenda mensuel
Affichez la mise en page du calendrier et les événements de la date actuellement sélectionnée. Un indicateur rond en bas d’une date indique la présence d’un ou plusieurs événements ce jour-là.
Vue Année
La vue Année affiche tous les mois d’une année particulière au format calendrier. Dans cette vue calendrier, les dates contenant des événements et des rendez-vous sont mises en évidence par des points placés sous la date individuelle. Lorsque vous cliquez sur la date, la fenêtre contextuelle de l’événement s’affiche et les événements sont listés.
Vues chronologiques
Cinq vues chronologiques intégrées sont disponibles : jour chronologique, semaine chronologique, semaine de travail chronologique, mois chronologique et année chronologique. Chaque vue affiche les événements avec précision sur un axe temporel horizontal pour un seul jour ou plusieurs jours. Pour offrir de meilleures performances, les vues chronologiques chargent les ressources, les événements et les rendez-vous virtuellement à chaque action de défilement.
Configurations de vue uniques
Configurez facilement chaque mode de vue individuel avec des paramètres de calendrier différents. Par exemple, vous pouvez activer la fonction de regroupement en vue mois et appliquer des modèles d’événements en vue semaine.
Intervalles de vue extensibles
Affichez plusieurs jours, semaines et mois en étendant chaque mode de vue en fonction du nombre d’intervalles fourni.
Bloquer l’intervalle de temps
Vous pouvez bloquer des plages horaires spécifiques pour empêcher la création d’événements et de rendez-vous dans ce créneau horaire.
Rendez-vous en ligne
Grâce à cette fonctionnalité, les utilisateurs peuvent créer et modifier des événements et des rendez-vous en ligne en un seul clic sur les cellules du calendrier ou sur le sujet des rendez-vous existants. Appuyer sur Entrée après avoir tapé le nouveau texte du sujet dans la zone de texte en ligne mettra à jour et enregistrera le rendez-vous de manière appropriée.
Prévenir le chevauchement d’événements
Prévenez le chevauchement d’événements en configurant le planificateur pour qu’il fournisse des indicateurs visuels indiquant les conflits. Cela garantit aux utilisateurs qu’ils peuvent gérer leurs horaires efficacement sans double réservation.
Options avancées de gestion des événements
Le Scheduler pour Blazor offre des représentations claires, vives et exactes des événements et des rendez-vous le long de la chronologie du Scheduler, en fonction de leur durée attribuée.
Capacités d’ajout et de modification
Il existe un support intégré pour une meilleure gestion des événements, comme la création et la modification plus faciles des rendez-vous à l’aide de l’éditeur d’événements par défaut ou par des actions intuitives de glisser-déposer et de redimensionnement. De plus, vous pouvez ajouter des champs de données personnalisés aux événements et à la source de données des ressources.
Sélection de plusieurs événements
Sélectionnez facilement plusieurs événements à la fois en appuyant sur la touche Ctrl et en la maintenant enfoncée tout en cliquant sur les événements. Sur les appareils mobiles, faites de même en appuyant longuement sur un événement, puis continuez la sélection en appuyant une fois sur d’autres événements. Après avoir sélectionné les événements avec succès, supprimez-les ou repositionnez-les simultanément.
Info-bulle
L’info-bulle personnalisable affiche les informations de l’événement lorsque le pointeur de la souris survole l’événement. Faites de même sur les appareils mobiles en appuyant longuement sur un événement.
Personnalisation de l’apparence
Modifiez l’apparence des événements et des rendez-vous du Scheduler Blazor en personnalisant leur apparence et leur style par défaut à l’aide de modèles ou de CSS.
Fuseau horaire
Indépendamment du fuseau horaire du système, le contrôle Blazor Scheduler prend en charge la définition du fuseau horaire requis pour le contrôle lui-même, ainsi que pour les événements.
Lignes adaptatives
Augmentez automatiquement la hauteur des lignes dans les vues mois et chronologie lorsque de nouveaux événements ou rendez-vous simultanés sont ajoutés.
Menu contextuel
Le menu contextuel intégré au composant Blazor Scheduler s’ouvre lorsqu’une cellule ou un rendez-vous est cliqué avec le bouton droit.
Synchronisation des données en temps réel
Les données de rendez-vous en temps réel se synchronisent précisément avec notre composant Blazor Scheduler.
Intégration Google Agenda et Outlook Calendrier
Synchronisez facilement les événements entre notre composant Blazor Scheduler et Google Agenda ou Outlook Calendrier via l’API Google Agenda ou la bibliothèque d’objets de Microsoft Outlook.
Mises à jour en temps réel
La communication de données bidirectionnelle transmet les mises à jour de rendez-vous côté serveur effectuées sur Blazor Scheduler à tous les clients connectés via SignalR.
Options de calendrier riches en fonctionnalités
Le composant Blazor Scheduler hérite de presque toutes les fonctionnalités spécifiques au calendrier, telles que le premier jour de la semaine et l’échelle de temps.
Premier jour de la semaine
Personnalisez le premier jour de la semaine, qui est par défaut le dimanche, selon les paramètres régionaux par défaut. Vous pouvez également utiliser cette option pour les vues individuelles.
Heures de début et de fin personnalisées
Affichez la mise en page du planificateur d’événements avec des durées spécifiques en masquant les heures non souhaitées.
Échelle de temps flexible
Utilisez les options d’échelle de temps personnalisables pour afficher clairement une chronologie des événements et définir une durée différente.
Temps de travail
Les cellules actives du Scheduler Blazor (affichées en blanc) représentent visuellement les jours et les heures de travail.
Mise en évidence de l’heure actuelle
Indiquez la date actuelle avec un en-tête de date mis en évidence. Marquez précisément l’heure actuelle sur toutes les vues.
Masquage des jours de week-end
Masquer les jours de week-end du Scheduler Blazor vous permet d’afficher uniquement les jours ouvrables dans toutes les vues.
Affichage du numéro de semaine
Affichez le numéro de semaine de la plage de dates actuelle à côté de l’en-tête de date dans les vues jour, semaine et semaine de travail. Affichez également le numéro de semaine dans la vue mois comme première colonne. Le numéro de semaine est déterminé par le premier jour de la semaine et les règles des semaines (premier jour ou première semaine complète, ou première semaine de quatre jours).
Mode horaire
Le contrôle Blazor Scheduler prend en charge les formats d’heure 12 heures et 24 heures.
Interface utilisateur entièrement personnalisable
Personnalisez l’apparence de n’importe quelle partie de l’interface Blazor Scheduler à l’aide de modèles et de styles CSS.
En-tête de date
Modifiez l’apparence par défaut de la barre d’en-tête en ajoutant n’importe quel type de CSS, de texte personnalisé ou d’image.
Interface utilisateur complète du Scheduler
Un événement côté client intégré permet aux utilisateurs finaux de personnaliser n’importe quelle partie de l’interface utilisateur du Scheduler.
Cellules du planificateur
Les options de modèle prêtes à l’emploi vous permettent de personnaliser facilement les cellules en ajoutant n’importe quel type de texte, d’image ou de CSS.
Pop-ups rapides
Personnalisez facilement les pop-ups qui s’ouvrent en un seul clic sur les cellules, les événements ou les rendez-vous avec votre propre interface utilisateur ou conception de modèle.
Ouvrir l’éditeur d’événements en externe
Le contrôle Blazor Scheduler offre une méthode intégrée pour ouvrir la fenêtre de l’éditeur d’événements par défaut par programmation.
Interactions conviviales
La conception moderne et tendance de l’interface utilisateur du composant Blazor Scheduler rend les interactions utilisateur plus simples et plus efficaces.
Aperçu rapide des événements
Un clic ou un appui sur les événements affiche des détails importants, tels que le sujet et l’heure, ainsi que des options de modification et de suppression.
Sélection de cellules
Cliquez et faites glisser le pointeur sur les cellules du Scheduler pour une sélection multiple de cellules. Les utilisateurs peuvent faire de même avec les raccourcis clavier.
Conteneur d’événements
En cliquant sur l’indicateur de texte (+n autres) dans les vues mois et chronologie, un conteneur d’événements s’ouvre, listant tous les détails d’événements et de rendez-vous cachés d’une journée.
Navigation rapide
Naviguez d’avant en arrière entre les plages de dates à l’aide d’un calendrier intégré et naviguez également entre les différents modes de vue.
Applications en temps réel
De nombreuses applications en temps réel utilisent des planificateurs comme partie intégrante, servant ainsi à des fins différentes selon le type de projet. Certaines des applications actives sont : les calendriers tarifaires, les calendriers des salles de réunion, les planificateurs de rendez-vous médicaux et les calendriers de réservation de chambres d’hôtel.
Fonctionnalités interactives
Le composant Blazor Scheduler permet aux utilisateurs d’exporter ses événements sous forme de fichier Excel ou de fichier ICS.
Exporter vers Excel
Le composant Blazor Scheduler permet d’exporter tous ses événements vers un document Excel par défaut. Il offre également des options de personnalisation supplémentaires pour exporter des collections de données d’événements personnalisées.
Exporter au format ICS
Le Scheduler Blazor prend en charge l’exportation de toutes ses données d’événements au format iCal.
API conviviales pour les développeurs
Les développeurs peuvent avoir un contrôle total sur l’interface utilisateur et le comportement du planificateur d’événements grâce à ses API intégrées et conviviales. Il vous permet de personnaliser facilement même les fonctionnalités complexes du Scheduler.
Accessibilité
Le composant Blazor Scheduler est facilement accessible aux lecteurs d’écran. Un support complet de l’interaction clavier a également été fourni.
Entièrement accessible
Le composant Blazor Scheduler dispose d’un support d’accessibilité WAI-ARIA complet. L’interface utilisateur du Scheduler comprend des éléments visuels à contraste élevé, offrant aux personnes malvoyantes la meilleure expérience de visualisation. De plus, des descriptions d’interface utilisateur valides sont facilement accessibles via les technologies d’assistance telles que les lecteurs d’écran.
Interactif au clavier
Divers raccourcis clavier sont disponibles pour effectuer presque toutes les actions du Scheduler, telles que la sélection multiple de cellules ou d’événements et la navigation vers d’autres vues.
De droite à gauche (RTL)
Affichez le planificateur d’événements de droite à gauche pour les utilisateurs travaillant avec des langues telles que l’hébreu, l’arabe ou le persan.
Autres frameworks pris en charge
Le Scheduler est disponible dans les frameworks React, Angular, JavaScript et Vue. Explorez ses options spécifiques à la plateforme via les liens suivants :
Navigateurs pris en charge
Le Scheduler Blazor fonctionne bien avec tous les navigateurs Web modernes, y compris Chrome, Firefox, Edge, Safari et Opera.
Vous ne savez pas comment créer votre premier Scheduler Blazor ? Notre documentation peut vous aider.
Démarrer avec le Scheduler Blazor côté serveur Démarrer avec le Scheduler Blazor WebAssemblyComponentes de Blazor: más de 145 componentes de interfaz de usuario y DataViz
TOUS LES COMPOSANTS
Composants intelligents
Grilles
Visualisation des données
Visionneuses et éditeurs de fichiers
Listes déroulantes
Navigation
Champs de saisie
Boutons
Chat interactif
Formulaires
Foire aux questions
Pourquoi choisir Syncfusion Essential Studio® Blazor Scheduler ?
Le Syncfusion Blazor Scheduler est un calendrier d’événements complet doté des fonctionnalités suivantes :
- Mise en page très réactive et conception finement optimisée pour les ordinateurs de bureau, les tablettes et les téléphones mobiles.
Différentes vues de base comme le jour, la semaine, la semaine de travail, le mois et l’année en mode calendrier ainsi que le mode chronologie.
- S’adapte instantanément aux différents fuseaux horaires.
Le défilement virtuel vous permet de charger un grand nombre de ressources et d’événements dynamiquement.
Regroupement de plusieurs ressources basé sur la chronologie, horizontale, hiérarchique et des vues par date.
- L’un des meilleurs Scheduler Blazor du marché qui offre une interface utilisateur riche en fonctionnalités pour interagir avec le logiciel.
- Synchronisation facile des événements avec Google Agenda et Outlook Calendrier.
Configuration simple et API.
- Prend en charge tous les navigateurs modernes.
Démos, documentation et vidéos complètes pour apprendre rapidement et démarrer avec le Scheduler Blazor.
Quel est le prix du Syncfusion Blazor Scheduler ?
Nous ne vendons pas le Blazor Scheduler séparément. Il est uniquement disponible à l’achat dans le cadre de la licence d’équipe Syncfusion. Celle-ci contient plus de 1,600 composants et frameworks, y compris le Blazor Scheduler. Le prix de la licence d’équipe commence à 395 $ par mois pour 5 développeurs et comprend le support et les mises à jour jusqu’à l’expiration de l’abonnement. De plus, nous pourrions offrir des réductions basées sur les promotions actuellement actives. Veuillez contacter nos spécialistes produits dès aujourd’hui pour savoir si vous êtes éligible à des réductions supplémentaires.
Où puis-je trouver la démo du Syncfusion Blazor Scheduler ?
Vous pouvez trouver notre démo du Blazor Scheduler, qui montre comment rendre et configurer le Scheduler.
Puis-je acheter le composant Syncfusion Blazor Scheduler séparément ?
Non, nos 1,600+ composants et frameworks pour le Web, le mobile et le bureau, y compris notre Blazor Scheduler, ne sont pas vendus individuellement. Ils sont uniquement disponibles dans le cadre d’une licence d’équipe. Cependant, nous avons fixé le prix du produit de manière compétitive, de sorte qu’il ne coûte que légèrement plus cher que ce que d’autres fournisseurs facturent pour leur seul composant Scheduler. Nous avons également constaté que, d’après notre expérience, nos clients commencent généralement par utiliser l’un de nos produits, puis s’étendent rapidement à plusieurs produits. Nous avons donc estimé qu’il était préférable d’offrir tous les 1,600+ composants et frameworks pour un abonnement à partir de 395 $ par mois pour une équipe de 5 développeurs. De plus, nous pourrions être en mesure d’offrir des réductions basées sur les promotions actuellement actives. Veuillez contacter nos spécialistes produits dès aujourd’hui pour savoir si vous êtes éligible à des réductions supplémentaires.
Puis-je télécharger et utiliser gratuitement le Syncfusion Blazor Scheduler ?
Non, il s’agit d’un produit commercial qui nécessite une licence payante. Cependant, une licence communautaire gratuite est également disponible pour les entreprises et les particuliers dont les organisations ont moins de 1 million de dollars USD de revenus bruts annuels et cinq développeurs ou moins.
Comment démarrer avec Syncfusion Blazor Scheduler ?
Un bon point de départ serait notre documentation complète de démarrage.
Nos clients nous aiment
Grâce à un excellent ensemble d’outils et à une excellente équipe d’assistance, Syncfusion® réduit le temps de développement de ses clients.Voici quelques-uns de leurs témoignages.
Blazor components
The speed how they adding new Blazor controls and update theirs functionality. I am using Blazor components. Searching for Blazor components I found that Syncfusion very fast adopted theirs controls for new development platform. Tech support is fast and excellent. The best of best is that they provide free controls for small business.
Igor L.
CEO
Syncfusion objects with a Blazor
I have used some of the Syncfusion objects with a Blazor application. The support group has always been very helpful.
Kris B.
Software Development Consultant
Voir de vraies histoires de réussite
Des développeurs du monde entier font confiance à Essential Studio de Syncfusion pour simplifier les projets complexes et accélérer leur livraison. Grâce à sa vaste bibliothèque de contrôles d’interface utilisateur, à ses SDK puissants et à son support fiable, Essential Studio aide les équipes à créer des applications prêtes pour l’entreprise en toute confiance.
Explorer des études de casIndustrie
Développement de logiciels
75% Réduction des coûts
50% Développement plus rapide
Industrie
Services publics (pétrole et gaz)
450+ heures économisées
Processus rationalisés et heures d’effort de développement économisées.
Fonctionnalités avancées et flexibles
Utilisateurs autonomisés grâce à une fonctionnalité robuste et polyvalente.
Industrie
Logiciel et technologie
1000+ heures économisées
Développement accéléré grâce à des composants d’interface utilisateur prêts pour l’entreprise.
Gestion de fichiers efficace
Flux de travail rationalisés grâce à des bibliothèques de documents, sans les construire à partir de zéro.
Industrie
Logiciel et technologie
2 ans de retard évité
Deux ans de retards évités grâce à une planification proactive.
Livraison à temps
Projets livrés dans les délais à l’aide de contrôles fiables.
Industrie
Services informatiques et conseil en TI
Performances améliorées
Grands ensembles de données gérés avec une personnalisation aisée et un débogage rapide.
Hautement personnalisable
Contrôles plug-and-play avec intégration rapide de modèles.
Industrie
Services professionnels
Accès instantané
Disponibilité rapide des fonctionnalités et des ressources.
Dépendances réduites
Moins de dépendances pour un développement plus rapide.
Evalue par des utilisateurs du monde entier.
Ressources du Syncfusion Blazor Scheduler
Kits d’interface utilisateur
Téléchargement Figma
Téléchargement Figma
Recompenses
L’excellence—c’est une chose de l’affirmer, mais cela signifie davantage lorsque les autres la reconnaissent. Syncfusion® est fier de détenir les récompenses de l'industrie suivantes.
Activités récentes dans les tutoriels et blogs Blazor Scheduler
Les vidéos tutoriels et les articles de blog sur le Blazor Scheduler vous guideront dans la création de votre première application avec les composants Blazor. Ils fournissent des stratégies de résolution de problèmes, décrivent les fonctionnalités, annoncent les nouvelles versions de fonctionnalités, expliquent les meilleures pratiques et présentent des scénarios d’exemple. Explorez nos dernières publications sur notre blog et nos chaînes de vidéos tutoriels pour les mises à jour du Blazor Scheduler.
BLOG
Charger les rendez-vous à la demande dans le planificateur Blazor à l’aide d’Entity Framework
23 MAI 2024
VIDÉOS
Comment activer la mise en page adaptative dans le composant Scheduler Blazor
14 DÉCEMBRE 2023
BLOG
Comment accéder aux événements de calendrier Microsoft Graph avec le planificateur Syncfusion Blazor
2 JANVIER 2024
VIDÉOS
Comment effectuer des opérations CRUD à l’aide d’Entity Framework dans le planificateur Blazor
12 DÉCEMBRE 2023
