Slider 滑块
Maker
$formCreate.maker.slider('滑块','slider',[0,52]).props({
"min": 0,
"max": 100,
"range": true
})
JSON
{
type:"slider",
field:"slider",
title:"滑块",
value:[0,52],
props:{
min: 0,
max: 100,
range: true,
}
}
参考:Element_Slider
value :Number | Array
props
参数 |
说明 |
类型 |
可选值 |
默认值 |
min |
最小值 |
number |
— |
0 |
max |
最大值 |
number |
— |
100 |
disabled |
是否禁用 |
boolean |
— |
false |
step |
步长 |
number |
— |
1 |
showInput |
是否显示输入框,仅在非范围选择时有效 |
boolean |
— |
false |
showInputControls |
在显示输入框的情况下,是否显示输入框的控制按钮 |
boolean |
— |
true |
inputSize |
输入框的尺寸 |
string |
large / medium / small / mini |
small |
showStops |
是否显示间断点 |
boolean |
— |
false |
showTooltip |
是否显示 tooltip |
boolean |
— |
true |
formatTooltip |
格式化 tooltip message |
function(value) |
— |
— |
range |
是否为范围选择 |
boolean |
— |
false |
vertical |
是否竖向模式 |
boolean |
— |
false |
height |
Slider 高度,竖向模式时必填 |
string |
— |
— |
label |
屏幕阅读器标签 |
string |
— |
— |
debounce |
输入时的去抖延迟,毫秒,仅在show-input 等于true时有效 |
number |
— |
300 |
tooltipClass |
tooltip 的自定义类名 |
string |
— |
— |
events
事件名称 |
说明 |
回调参数 |
change |
值改变时触发(使用鼠标拖曳时,只在松开鼠标后触发) |
改变后的值 |