Moved: function(sender, args, timeout);
sender. Event source.
args. Event information.
timeout. Time delay (milliseconds) after which the event is fired.
The Moved event is fired when slider position finishes changing.
To execute the example, the page must contain the Slider component named slider (see Example of Creating the Slider Component). Handle the following events: Moved, Moving, ValueChange, ValueChanged, ValueChanging:
// Get slider with the 0 index var sliderItem = slider.getItemByIndex(0); // Determine checkboxes of events fire var movingRaised = false; var valueChangeRaised = false; var valueChangingRaised = false; // Propcess the Moved event sliderItem.Moved.add(function (sender, args, timeout) { console.log("The Moved event is initialized") }); // Handle the Moving event sliderItem.Moving.add(function (sender, args, timeout) { // Display the message about the event firing only one time if (!movingRaised) { console.log("The Moving event is initialized") movingRaised = true; } }); // Handle the ValueChange event sliderItem.ValueChange.add(function (sender, args, timeout) { // Display the message about event firing only one time if (!valueChangeRaised) { console.log("The ValueChange event is initialized") valueChangeRaised = true; } }); // Handle the ValueChanged event sliderItem.ValueChanged.add(function (sender, args, timeout) { console.log("The ValueChanged event is initialized") }); // Handle the ValueChanging event sliderItem.ValueChanging.add(function (sender, args, timeout) { // Display the message about event firing only one time if (!valueChangingRaised) { console.log("The ValueChanging event is initialized") valueChangingRaised = true; } });
Move the component's left slider.
After executing the example the browser console displays messages informing that the handled events are fired:
The ValueChange event is initialized
The ValueChanging event is initialized
The Moving event is initialized
The ValueChanged event is initialized
The Moved event is initialized
See also: