新的Telerik UI为Blazor?免费30天试用
调度器-时间轴视图
- 例子
- 查看源代码
- 在telerik repl中编辑
- 改变主题
默认的
配置器
群体取向
垂直
6月21日
7点我
8点我
早上9点
早上10点
上午11
下午12点
下午一点
下午2点
下午三点
下午4点
下午5点
下午6点
下午7点
小会议室
亚历克斯
鲍勃
查理
大会议室
亚历克斯
鲍勃
查理
- Timeline-view.razor
- AppointmentService.cs
- AppointmentDto.cs
- RoomService.cs
- RoomDto.cs
- ManagerService.cs
- ManagerDto.cs
正在加载演示源代码…请稍等。
描述
Telerik UI Blazor调度器支持各种视图,这些视图控制呈现其约会的时间跨度。当前的演示侧重于时间轴视图。
在本例中,Blazor的Scheduler以连续的水平方向显示约会。控件可以指定在时间轴视图中并排显示的天数NumberOfDays
参数。的ColumnWidth
参数可设置每个时间列所需的宽度。
工具栏按钮允许用户导航到下一个或上一个天数集。此外,下拉式日历可用于选择特定的日期-选择后,调度器将导航到包含所选日期的天数集。
调度器时间轴视图支持通过相应的时间轴配置其开始时间和结束时间开始时间
而且EndTime
参数。你也可以设定你想要的工作时间。视图显示WorkDayStart
而且WorkDayEnd
参数,可用于提供工作日的具体开始和结束时间。
调度器时间轴视图还提供了通过专用参数配置其时间槽的选项。的SlotDuration
以分钟为单位控制各主要时间段的时间跨度。的SlotDivisions
设置每个主要时间槽中的分区数。
Blazor Scheduler允许您配置将显示哪些视图。控件中声明所需的视图SchedulerViews
标签。方法定义预先选定的视图视图
组件参数。Blazor Scheduler公开的可用视图有:
- SchedulerDayView
- SchedulerMultiDayView
- SchedulerWeekView
- SchedulerMonthView
- SchedulerTimelineView
这个调度器时间轴视图示例是数百个Blazor演示的独特集合的一部分,您可以看到所有的演示Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.