We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

RangeNavigator for Blazor:


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> 
            <RangeNavigatorSeries dataSource="@_dataSourceRangeSelector" xName="Date" type="RangeNavigatorType.Area" yName="Count"></RangeNavigatorSeries>

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.


2 Replies

KC Kalaimathi Chellaiah Syncfusion Team July 16, 2019 09:07 AM UTC

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"> 

@code { 
void rangeChanged(IChangedEventArgs args) 
//triggers when selected range in range navigator changed. 
Please let us know if you have any concerns.  

HD Heiko Donath July 16, 2019 09:18 AM UTC

perfect. Thank you. 

Live Chat Icon For mobile
Up arrow icon