SchedulerDayOfWeekHeaderCellInfo Class

Stores information about a Scheduler header cell that displays a day of the week.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class SchedulerDayOfWeekHeaderCellInfo

Remarks

A SchedulerDayOfWeekHeaderCellInfo object is passed as the context parameter to date header templates. Use the Resource property to get the resource associated with the header cell or contains an empty resource item if no resource is assigned. The DayOfWeek property specifies the day of the week that corresponds the header cell’s date.

The following example marks days of the week with bold:

Index.razor

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage"
             GroupType="@SchedulerGroupType.Resource">
    <Views>
        <DxSchedulerMonthView>
            <DayOfWeekHeaderCellTemplate>
                <div class="my-cell">
                    <b>@context.DayOfWeek</b>
                </div>
            </DayOfWeekHeaderCellTemplate>
        </DxSchedulerMonthView>
    </Views>
</DxScheduler>

@code {
    DxSchedulerDataStorage DataStorage = new DxSchedulerDataStorage() {
        AppointmentsSource = ResourceAppointmentCollection.GetAppointments(),
        AppointmentMappings = new DxSchedulerAppointmentMappings() {
            Id = "Id",
            Type = "AppointmentType",
            Start = "StartDate",
            End = "EndDate",
            Subject = "Caption",
            AllDay = "AllDay",
            Location = "Location",
            Description = "Description",
            LabelId = "Label",
            StatusId = "Status",
            RecurrenceInfo = "Recurrence",
            ResourceId = "ResourceId"
        },
        ResourcesSource = ResourceCollection.GetResourcesForGrouping(),
        ResourceMappings = new DxSchedulerResourceMappings() {
            Id = "Id",
            Caption = "Name",
            BackgroundCssClass = "BackgroundCss",
            TextCssClass = "TextCss",
            CustomFieldMappings = new List<DxSchedulerCustomFieldMapping> {
                new DxSchedulerCustomFieldMapping{ Name = "ImageFileName", Mapping = "ImageFileName" }
            }
        }
    };
}

Appointment.cs

public class Appointment {
    public Appointment() { }

    public int Id { get; set; }
    public int AppointmentType { get; set; }
    public DateTime StartDate { get; set; }
    public DateTime EndDate { get; set; }
    public string Caption { get; set; }
    public string Description { get; set; }
    public string Location { get; set; }
    public int? Label { get; set; }
    public int Status { get; set; }
    public bool AllDay { get; set; }
    public string Recurrence { get; set; }
    public int? ResourceId { get; set; }
    public string Resources { get; set; }
    public bool Accepted { get; set; }
}

CSS

.my-cell {
    width: 100%;
}

Inheritance

Object

SchedulerDayOfWeekHeaderCellInfo