DxSchedulerTimeScale Class
In This Article
A timescale displayed at the top of the Timeline view.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
public class DxSchedulerTimeScale :
ComponentBase,
IDisposable
#Related API Members
The following members return DxSchedulerTimeScale objects:
#Remarks
The DxSchedulerTimeScale class implements a scale in the Timeline view.
Follow the steps below to add a scale to the view:
- Add
<Scales>...</Scales>
to the DxSchedulerTimelineView component’s markup to define the Scales collection. - Add the
DxSchedulerTimeScale
object to theScales
collection. Specify the Unit and UnitCount properties.
Note
If you set the view’s Duration property, its value should be greater than the result of multiplying Units by UnitUnits*Unit
). Otherwise, an appointment’s duration may be displayed incorrectly.
@using Data
<DxScheduler StartDate="@(DateTime.Today + TimeSpan.FromHours(8))"
DataStorage="@DataStorage"
ResourceNavigatorVisible="false">
<DxSchedulerTimelineView Duration="@(TimeSpan.FromHours(36))" CellMinWidth="100">
<Scales>
<DxSchedulerTimeScale Unit="@SchedulerTimeScaleUnit.Day" UnitCount="1"></DxSchedulerTimeScale>
<DxSchedulerTimeScale Unit="@SchedulerTimeScaleUnit.Hour" UnitCount="6"></DxSchedulerTimeScale>
</Scales>
</DxSchedulerTimelineView>
</DxScheduler>
@code {
DxSchedulerDataStorage DataStorage = new DxSchedulerDataStorage() {
AppointmentsSource = ResourceAppointmentCollection.GetAppointments(),
AppointmentMappings = new DxSchedulerAppointmentMappings() {
Type = "AppointmentType",
Start = "StartDate",
End = "EndDate",
Subject = "Caption",
AllDay = "AllDay",
Location = "Location",
Description = "Description",
LabelId = "Label",
StatusId = "Status",
RecurrenceInfo = "Recurrence",
ResourceId = "ResourceId"
},
ResourcesSource = ResourceAppointmentCollection.GetResourcesForGrouping(),
ResourceMappings = new DxSchedulerResourceMappings() {
Id = "Id",
Caption = "Name",
BackgroundCssClass = "BackgroundCss",
TextCssClass = "TextCss"
}
};
}
#Inheritance
Object
ComponentBase
DxSchedulerTimeScale
See Also