DxSchedulerDateTimeRangeCollection.Duration Property
Gets the range duration.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
public TimeSpan Duration { get; }
Property Value
Type | Description |
---|---|
TimeSpan | The range duration. |
Remarks
The Duration
value is calculated as the difference between the End and Start values.
In the following code snippet, the Duration property value is accessible in the <ResourceHeaderCellTemplate>
and displayed in resource header cells (SchedulerResourceHeaderCellInfo):
<DxScheduler StartDate="@DateTime.Today"
DataStorage="@DataStorage"
GroupType="@SchedulerGroupType.Resource"
ResourceColorInHeaderVisible="false" HtmlCellDecoration="OnHtmlCellDecoration"
CssClass="w-100" >
<Views>
<DxSchedulerDayView DayCount="2" ShowWorkTimeOnly="true">
<ResourceHeaderCellTemplate>
<div class="" style="display: flex; flex-direction: row; align-items: center;">
<div style="padding: 0.4725rem;">
Current interval: @context.Intervals.Interval<br/>
Duration: @context.Intervals.Duration
</div>
</div>
</ResourceHeaderCellTemplate>
</DxSchedulerDayView>
</Views>
</DxScheduler>
@code {
@* ... *@
DateTime Start, End;
DxSchedulerDateTimeRange Interval;
void OnHtmlCellDecoration(SchedulerHtmlCellDecorationEventArgs args) {
if (args.CellType == SchedulerCellType.ResourceHeader) {
args.CssClass = "card-header";
args.Style = "padding: 0.4725rem;";
See Also