Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRangeSelector.Exported Event

In This Article

Fires after the Range Selector is exported.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public EventCallback Exported { get; set; }

#Remarks

When you call the ExportToAsync(String, DataExportFormat) method, the Range Selector exports its data and raises the Exported event.

The following code snippet handles the Exported event to display information about the exported file:

@rendermode InteractiveServer

<DxRangeSelector Width="1000px"
                 Height="400px"
                 @ref="RangeSelector"
                 Data="@Data"
                 Exported="@OnExported"
                 ValueChangeMode="RangeSelectorValueChangeMode.OnHandleMove">
    <DxTitleSettings Text="Population by Country, 2023" />
    <DxRangeSelectorChart>
        <DxChartBarSeries ArgumentField="@((PopulationPoint s) => s.Country)"
                          ValueField="@((PopulationPoint s) => s.Value)" />
    </DxRangeSelectorChart>
</DxRangeSelector>

<DxButton Text="Export to PDF" Click="@ExportToPdf" />

@code {
    DxRangeSelector RangeSelector;
    string fileName = "RangeSelector.pdf";

    async Task ExportToPdf() {
        await RangeSelector.ExportToAsync("Range Selector", DataExportFormat.Pdf);
    }

    async Task OnExported() {
        await JSRuntime.InvokeVoidAsync("alert", $"The Range Selector is exported to the {fileName} file.");
    }

    List<PopulationPoint> Data;
    protected override void OnInitialized() {
        Data = GetData();
    }
}
See Also