Blazor调度器概述

的Blazor Scheduler组件让用户查看、编辑和添加预约，这样他们就可以计划他们的议程。Scheduler提供了不同的视图、对工作日开始和结束的控制、资源分组和各种其他功能和设置。

Scheduler组件是为Blazor的Telerik UI，一个具有100个本地组件的专业级UI库，用于构建现代和功能丰富的应用程序。想要试用它，请注册一个30天的免费试用。

下载免费试用

创建Blazor调度器

1. 使用< TelerikScheduler >标签。
2. 设置它数据参数IEnumerable < TItem >定义约会(事件)的集合。调度器可以在模型中检测并使用一些属性名称，例如标题，描述，开始，结束和其他人。或者，您可以使用不同的属性名并显式地配置它们。看到数据绑定了解更多细节。
3. 定义用户可以切换的可用视图。每个视图内部都有一个子标签< SchedulerViews >．
4. (可选)开始时间而且EndTime对于视图，除非用户应该看到完整的24小时。只有时间部分DateTime物体很重要。
5. (可选)设置调度程序日期而且视图参数。默认情况下，用户将看到今天的日期和第一个视图。两个参数都支持双向绑定。

        @code {private DateTime SchedulerStartDate {get;设置;} = new DateTime(2022, 7,25);private SchedulerView SchedulerCurrentView {get;设置;} = SchedulerView.Week;//只有时间部分是重要的private DateTime DayStart {get;设置;} = new DateTime(2000, 1,1,6,0, 0);private DateTime DayEnd {get; set; } = new DateTime(2000, 1, 1, 19, 0, 0); private List Appointments = new List() { new SchedulerAppointment { Title = "Planning meeting", Start = new DateTime(2022, 7, 25, 9, 30, 0), End = new DateTime(2022, 7, 25, 12, 45, 0) }, new SchedulerAppointment { Title = "Vet visit", Start = new DateTime(2022, 7, 26, 7, 0, 0), End = new DateTime(2022, 7, 26, 7, 30, 0) }, new SchedulerAppointment { Title = "Trip to Hawaii", IsAllDay = true, Start = new DateTime(2022, 7, 27), End = new DateTime(2022, 8, 07) } }; public class SchedulerAppointment { public string Title { get; set; } public DateTime Start { get; set; } public DateTime End { get; set; } public bool IsAllDay { get; set; } } }

数据绑定

作为数据驱动的组件，Scheduler需要一组约会来处理。学习如何数据绑定Scheduler并配置模型属性名．

的观点

的Scheduler提供了不同的视图适合不同用户需求:

• 天的观点
• 多日的视图
• 星期视图
• 月视图
• 时间轴(议程)视图

编辑

用户可以创建、编辑和删除调度器约会．组件为您提供新信息，以便您将其存储到底层数据源中。

导航

的调度器功能广泛的导航，它既可以编程，也可以由最终用户管理。该组件可以更改当前可见的时间范围、当前视图，并仅切换业务时间显示。

模板

你可以通过Scheduler模板自定义约会外观和内容．另一种选择是使用调度器OnItemRender事件．

资源与分组

调度器资源提供一种关联和的方法集团任命根据一定的标准，例如会议室、参与者或使用过的设备。

事件

的调度器组件触发事件与CRUD操作、项目(预约)单击和用户导航相关。使用它们可以获得关于用户操作的更多信息，并增强组件行为。

调度程序参数

下表列出了Scheduler参数，这些参数在组件文档的其他地方没有讨论。还要检查调度器API参考获取参数、事件和方法的完整列表。

下一个步骤

• 将调度程序绑定到数据
• 配置调度器视图
• 启用调度器编辑

另请参阅

• 实时演示:调度程序
• 调度器API参考