Enables or disables the element.

Code examples

Set the disabled property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.disabled = false;

Get the disabled property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let disabled = scrollBar.disabled;

Sets or gets the scrollbar's largestep. The value is increased/decreased with this largestep when the user presses the left mouse button in the area between a scrollbar button and thumb.

Code examples

Set the largeStep property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.largeStep = 50;

Get the largeStep property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let largeStep = scrollBar.largeStep;

Sets or gets the scrollbar's maximum value.

Code examples

Set the max property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.max = 500;

Get the max property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let max = scrollBar.max;

Sets or gets the scrollbar's minimum value.

Code examples

Set the min property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.min = 100;

Get the min property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let min = scrollBar.min;

Sets or gets the scrollbar's orientation Possible values: 'horizontal', 'vertical'.

Code examples

Set the orientation property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.orientation = 'horizontal';

Get the orientation property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let orientation = scrollBar.orientation;

Sets or gets the scrollbar's step. The value is increased/decreased with this step when the user presses a scrollbar button.

Code examples

Set the step property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.step = '20';

Get the step property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let step = scrollBar.step;

Sets or gets the widget's value.

Code examples

Set the value property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 scrollBar.value = '100';

Get the value property.

 let scrollBar = document.querySelector('jqx-scroll-bar');

 let value = scrollBar.value;

This event is triggered when the value is changed.

Code examples

Bind to the change event by type: jqxScrollBar

 let scrollBar = document.querySelector('jqx-scroll-bar'); 

 scrollBar.addEventListener('change', function (event) {
     // event handling code goes here.
 }