新的Telerik UI为Blazor?免费30天试用
调度程序-多日视图
- 例子
- 查看源代码
- 在telerik repl中编辑
- 改变主题
默认的
配置器
天数
天开始
工作日开始
槽位时长(min)
120一天结束
工作日结束
槽的分歧
4
我的6/21
星期二,6/22
结婚,6/23
星期四,6/24
星期五,6/25
坐,6/26
太阳,6/27
我的6/28
星期二,6/29
结婚,6/30
整天
8点我
早上10点
下午12点
下午2点
下午4点
下午6点
- Multiday-view.razor
- AppointmentService.cs
- AppointmentDto.cs
正在加载演示源代码…请稍等。
描述
Telerik UI Blazor调度器支持各种视图,这些视图控制呈现其约会的时间跨度。当前的演示侧重于MultiDay View。在本例中,Blazor的Scheduler向用户显示了一组天数。命令可以指定多日视图中显示的天数NumberOfDays
参数。
工具栏按钮允许用户导航到下一个或上一个天数集。此外,下拉式日历可用于选择特定的日期-选择后,调度器将导航到包含所选日期的天数集。
Scheduler MultiDay View支持通过相应的参数来配置它的开始时间和结束时间开始时间
而且EndTime
参数。你也可以设定你想要的工作时间。视图显示WorkDayStart
而且WorkDayEnd
参数,可用于提供工作日的具体开始和结束时间。
Scheduler MultiDay View还提供了一个通过专用参数配置其时隙的选项。的SlotDuration
以分钟为单位控制各主要时间段的时间跨度。的SlotDivisions
设置每个主要时间槽中的分区数。
当前的演示只展示了带有多日视图的调度器。使用Configurator部分中的选项来更改视图设置并查看组件中的更改。
Blazor Scheduler允许您配置将显示哪些视图。控件中声明所需的视图SchedulerViews
标签。方法定义预先选定的视图视图
组件参数。Blazor Scheduler公开的可用视图有:
- SchedulerDayView
- SchedulerMultiDayView
- SchedulerWeekView
- SchedulerMonthView
- SchedulerTimelineView
这个调度器多日视图示例是一个独特的收集的数百个Blazor演示的一部分,你可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.