O'Reilly logo

Learning Kendo UI Web Development by John Adams

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hooking into events

Just as with the other Kendo UI widgets, event handlers can be bound during object instantiation, or later through a JavaScript bind() method call. These examples will only show the instantiation code.

Using the change event

The slider widgets will fire a change event when the user changes the value of a slider either through clicking one of the arrows, moving the slider with the mouse, or using the keyboard controls.

The change event for a Kendo slider widget

The change event for a Kendo slider widget can be bound and used like the following:

$("#sliderId").kendoSlider({
  change: changeHandler,
  ...
});

...

function changeHandler (e){
  alert(e.value);  // e.value contains the new value of the slider
}

The e.value property will contain ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required