Properties

disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar disabled="true"></jqx-scroll-bar>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar height="18"></jqx-scroll-bar>
largestep int 50

Sets or gets the largestep property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar largestep="100"></jqx-scroll-bar>
min int 0

Sets or gets the min property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar min="3"></jqx-scroll-bar>
max int 1000

Sets or gets the max property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar max="120"></jqx-scroll-bar>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar rtl="true"></jqx-scroll-bar>
step int 10

Sets or gets the step property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar step="20"></jqx-scroll-bar>
showButtons bool true

Sets or gets the showButtons property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar show-buttons="false"></jqx-scroll-bar>
thumbMinSize int 10

Sets or gets the thumbMinSize property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar thumb-min-size="5"></jqx-scroll-bar>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar theme="energyblue"></jqx-scroll-bar>
vertical bool false

Sets or gets the vertical property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar vertical="true"></jqx-scroll-bar>
value int

Sets or gets the value property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar value="20"></jqx-scroll-bar>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar width="600"></jqx-scroll-bar>

Events

valueChanged Event

Code examples

Bind to the valueChanged event of jqxScrollBar. 

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar on-value-changed="eventHandler()"></jqx-scroll-bar>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

destroy Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar instance="getInstance()"></jqx-scroll-bar>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
isScrolling Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar instance="getInstance()"></jqx-scroll-bar>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["isScrolling"]();									
	}									
</script>									
}
setPosition Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxscrollbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-scroll-bar instance="getInstance()"></jqx-scroll-bar>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["setPosition"](10);									
	}									
</script>									
}