DxScheduler.Views Property

Specifies the Scheduler’s view collection.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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

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

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>