buttonsPosition
|
string
|
both
|
Sets or gets the buttonsPosition property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider buttons-position="left"></jqx-slider>
|
disabled
|
bool
|
false
|
Sets or gets the disabled property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider disabled="true"></jqx-slider>
|
height
|
int
|
35
|
Sets or gets the height property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider height="35"></jqx-slider>
|
layout
|
string
|
"normal"
|
Sets or gets the layout property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider layout="reverse"></jqx-slider>
|
mode
|
string
|
default
|
Sets or gets the mode property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider mode="fixed"></jqx-slider>
|
minorTicksFrequency
|
int
|
1
|
Sets or gets the minorTicksFrequency property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider minor-ticks-frequency="2"></jqx-slider>
|
minorTickSize
|
int
|
4
|
Sets or gets the minorTickSize property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider minor-tick-size="4"></jqx-slider>
|
max
|
int
|
10
|
Sets or gets the max property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider max="10"></jqx-slider>
|
min
|
int
|
0
|
Sets or gets the min property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider min="5"></jqx-slider>
|
rangeSlider
|
bool
|
false
|
Sets or gets the rangeSlider property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider range-slider="true"></jqx-slider>
|
rtl
|
bool
|
false
|
Sets or gets the rtl property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider rtl="true"></jqx-slider>
|
step
|
int
|
1
|
Sets or gets the step property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider step="2"></jqx-slider>
|
showTicks
|
bool
|
true
|
Sets or gets the showTicks property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider show-ticks="false"></jqx-slider>
|
showMinorTicks
|
bool
|
false
|
Sets or gets the showMinorTicks property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider show-minor-ticks="true"></jqx-slider>
|
showTickLabels
|
bool
|
false
|
Sets or gets the showTickLabels property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider show-tick-labels="true"></jqx-slider>
|
showButtons
|
bool
|
true
|
Sets or gets the showButtons property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider show-buttons="true"></jqx-slider>
|
showRange
|
bool
|
true
|
Sets or gets the showRange property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider show-range="true"></jqx-slider>
|
template
|
string
|
'default'
|
Sets or gets the template property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider template="success"></jqx-slider>
|
theme
|
string
|
''
|
Sets or gets the theme property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider theme="energyblue"></jqx-slider>
|
ticksPosition
|
string
|
both
|
Sets or gets the ticksPosition property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider ticks-position="bottom"></jqx-slider>
|
ticksFrequency
|
int
|
2
|
Sets or gets the ticksFrequency property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider ticks-frequency="1"></jqx-slider>
|
tickSize
|
int
|
7
|
Sets or gets the tickSize property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider tick-size="7"></jqx-slider>
|
tickLabelFormatFunction
|
string
|
null
|
Sets or gets the tickLabelFormatFunction property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider tick-label-format-function="tickLabelFormatFunction"></jqx-slider>
|
tooltip
|
bool
|
false
|
Sets or gets the tooltip property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider tooltip="true"></jqx-slider>
|
tooltipHideDelay
|
int
|
500
|
Sets or gets the tooltipHideDelay property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider tooltip-hide-delay="2000"></jqx-slider>
|
tooltipPosition
|
string
|
"near"
|
Sets or gets the tooltipPosition property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider tooltip-position="far"></jqx-slider>
|
tooltipFormatFunction
|
string
|
null
|
Sets or gets the tooltipFormatFunction property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider tooltip-format-function="tooltipFormatFunction"></jqx-slider>
|
value
|
int
|
0
|
Sets or gets the value property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider value="5"></jqx-slider>
|
values
|
List<string>
|
[0, 10]
|
Sets or gets the values property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider values='[5,15]'></jqx-slider>
|
width
|
int
|
300
|
Sets or gets the width property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider width="300"></jqx-slider>
|
|
change
|
Event
|
|
Code examples
Bind to the change event of jqxSlider.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider on-change="eventHandler()"></jqx-slider> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
created
|
Event
|
|
Code examples
Bind to the created event of jqxSlider.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider on-created="eventHandler()"></jqx-slider> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
slide
|
Event
|
|
Code examples
Bind to the slide event of jqxSlider.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider on-slide="eventHandler()"></jqx-slider> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
slideStart
|
Event
|
|
Code examples
Bind to the slideStart event of jqxSlider.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider on-slide-start="eventHandler()"></jqx-slider> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
slideEnd
|
Event
|
|
Code examples
Bind to the slideEnd event of jqxSlider.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider on-slide-end="eventHandler()"></jqx-slider> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
|
destroy
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
decrementValue
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "decrementValue"]();
|
disable
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
enable
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
focus
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
getValue
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance[ "getValue"]();
|
incrementValue
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "incrementValue"]();
|
setValue
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "setValue"](10);
|
val
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{ ViewData["Title"] = "ASP .NET MVC Slider Example"; } <jqx-slider instance="getInstance()"></jqx-slider> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance[ "val"]();
|