Range
While Cyclops Core has styled the standard range input type some experiences
may call for a more embellished and interactive input. In these cases an
application and choose to use the range widget to extend the functionality.
<input id="customRange" type="range" min="1" max="100" step="10" />
var rangeNode = $("#customRange").range({
valueChange: function(evt, data){ }
});
rangeNode.range("value");
rangeNode.range("value", 10);
Options
| Name |
Type |
Default |
Description |
| valueChange |
function(event, data) |
none |
Called every time the value changes, use data.value to access to value |
Methods
| Name |
Description |
value({number}) |
reads or sets the current value |
min({number}) |
reads or sets the current min value |
max({number}) |
reads or sets the current max value |
step({number}) |
reads or sets the current step value |
disabled({boolean}) |
reads or sets wheather or not the control is disabled |
destory() |
remove the range widget |