Skip to main content
All docs
V25.1
  • DxRangeSelector.Rendered Event

    Fires after the Range Selector is rendered.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [Parameter]
    public EventCallback Rendered { get; set; }

    Remarks

    Handle the Rendered event to track the moment when Range Selector rendering is finished and the component is completely loaded.

    The following code snippet displays a custom Export to PDF button that exports the Range Selector to a PDF file. The button appears after the component is loaded. For demo purposes, the example imitates a time-consuming operation.

    Range Selector - Custom Export Button

    <DxRangeSelector Width="1000px"
                     Height="400px"
                     @ref="RangeSelector"
                     Data="@Data"
                     Rendered="@RangeSelectorRendered"
                     ValueChangeMode="RangeSelectorValueChangeMode.OnHandleMove">
        <DxTitleSettings Text="Population by Country">
            <DxSubtitleSettings Text="2023" />
        </DxTitleSettings>
        <DxRangeSelectorChart>
            <DxChartBarSeries ArgumentField="@((PopulationPoint s) => s.Country)"
                              ValueField="@((PopulationPoint s) => s.Value)" />
        </DxRangeSelectorChart>
    </DxRangeSelector>
    
    <DxButton Text="Export to PDF" Visible="@buttonVisible" Click="@ExportToPdf" />
    
    @code {
        bool buttonVisible;
        DxRangeSelector RangeSelector;
    
        async Task ExportToPdf() {
            await RangeSelector.ExportToAsync("Range Selector", DataExportFormat.Pdf);
        }
    
        async Task RangeSelectorRendered() {
            await Task.Delay(2000);
            buttonVisible = true;
        }
    
        List<PopulationPoint> Data;
    
        protected override void OnInitialized() {
            Data = GetData();
        }
    }
    
    See Also