RangeNavigator for Blazor:

[Heiko Donath]

Hi,

I am playing around a bit with Essential Studio for Blazor and I am using the Range Navigator like this:

<div class="control-section">

    <EjsRangeNavigator id="rangeNavigator" Value="@value" valueType="Syncfusion.EJ2.Blazor.Charts.RangeValueType.DateTime" LabelFormat="d-MMM-yy">

        <RangeNavigatorRangeTooltipSettings Enable="true"></RangeNavigatorRangeTooltipSettings> 

        <RangeNavigatorSeriesCollection> 

            <RangeNavigatorSeries dataSource="@_dataSourceRangeSelector" xName="Date" type="RangeNavigatorType.Area" yName="Count"></RangeNavigatorSeries>

        </RangeNavigatorSeriesCollection> 

    </EjsRangeNavigator> 

</div>

Could someone please guide me on how I can react when the users changes the selected range? There should be some kind of event, but I can't find anything in the examples. Whats the name of the attribut I should use?

Many thanks in advance.

Heiko

[Kalaimathi Chellaiah]

Hi Heiko, 

 

Greetings from syncfusion.  

 

We have analyzed your query. In Range Navigator, there is an event called changed which fires when a user changes the selected range. In that event, you can perform what you desired.  

 

Please find the following code snippet:  

<EjsRangeNavigator id="rangeNavigator" Changed="@rangeChanged"> 

</EjsRangeNavigator> 

@code { 

void rangeChanged(IChangedEventArgs args) 

{ 

//triggers when selected range in range navigator changed. 

 

} 

} 

 

 

Please let us know if you have any concerns.  

 

 

Regards, 

Kalai. 

 

[Heiko Donath]

perfect. Thank you.