|
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) {
}
</script>
}
|
|
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) {
}
</script>
}
|
|
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) {
}
</script>
}
|
|
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) {
}
</script>
}
|
|
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) {
}
</script>
}
|
|
|
|
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) {
instance["destroy"]();
}
</script>
}
|
|
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"]();
}
</script>
}
|
|
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) {
instance["disable"]();
}
</script>
}
|
|
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) {
instance["enable"]();
}
</script>
}
|
|
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) {
instance["focus"]();
}
</script>
}
|
|
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"]();
}
</script>
}
|
|
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"]();
}
</script>
}
|
|
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);
}
</script>
}
|
|
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"]();
}
</script>
}
|