Remotely control the start and end of the rangenavigator?

Question

Hello I am trying to setup two way binding with a third party chart. To do this I would need to be able to directly control the start and end range of the RangeNavigator. Is this possible?

Francis · Answer

Found this rather hacky solution.. hope there is something better

this.$refs.nav.ej2Instances.startValue = startValue

this.$refs.nav.ej2Instances.endValue = endValue

this.$refs.nav.ej2Instances.renderSlider()

Durga Gopalakrishnan · Answer

Hi Francis, 

Greetings from Syncfusion. 

You can also change the start and end value of rangenavigator using value property and call dataBind method to update the range navigator. We have prepared sample based on your requirement. Please check with below snippet and sample. 





changeValue: function() { 
              this.$refs.range.value = [new Date('2018-01-01'), new Date('2018-04-01')]; 
              this.$refs.range.dataBind(); 
    } 

Before Update : 

  

After Update : 

  

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/RNValue1413259090.zip 

Kindly revert us if you have any concerns. 

Regards, 
Durga G