DxScheduler.Views Property

Specifies the Scheduler’s view collection.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment Views { get; set; }

Property Value

Type	Description
RenderFragment	A collection of views (UI fragments).

Remarks

The Scheduler can contain the following views:

• DxSchedulerDayView - displays one or multiple days.
• DxSchedulerWeekView - displays one week at a time.
• DxSchedulerWorkWeekView - displays one work week at a time.
• DxSchedulerMonthView - displays one or multiple months.
• DxSchedulerTimelineView - displays appointments as horizontal bars along timescales.

If you do not use templates in the Scheduler, you can specify views directly between the <DxScheduler> and </DxScheduler> tags.

Razor

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage"
             ActiveViewType="SchedulerViewType.WorkWeek">
    <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
                              TimeSpan.FromHours(19)))">
        @*...*@
    </DxSchedulerWorkWeekView>
</DxScheduler>

When you define templates (for instance, use the AppointmentFormLayout or the AppointmentCompactFormLayout property), you should use the Views property to define views.

Razor

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage"
             ActiveViewType="SchedulerViewType.WorkWeek">
    <Views>
        <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
                                 TimeSpan.FromHours(19)))">
            @*...*@
        </DxSchedulerWorkWeekView>
    </Views>
    <AppointmentFormLayout >
        <DxSchedulerSubjectFormLayoutItem></DxSchedulerSubjectFormLayoutItem>
        <DxSchedulerAllDayFormLayoutItem></DxSchedulerAllDayFormLayoutItem>
        @*...*@
    </AppointmentFormLayout>
</DxScheduler>