移动BOS控件介绍-滑动输入条

栏目：eas cloud知识作者：金蝶来源：金蝶云社区发布：2024-09-22浏览：1

移动BOS控件介绍-滑动输入条

滑动输入条说明

滑动输入条控件用于滑动输入数字，可以方便的进行数量选择。

效果展示

控件属性

属性名	属性ID	类型	默认值	说明
ID	ID	String	slider1	滑动输入条ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性
类型	type	String	滑动输入条	无
标题	title	String	slider	设置滑动输入条的标题
是否双数值	IsRange	开关	关	此开关关闭时只会有一个滑动拖动点，用于具体数量的拖动选择；此开关开启时会有两个滑动拖动点，你可以拖动开始点和结束点来选择一个范围区间。
数值范围	DataScope	String	无	设置可滑动输入的最小值和最大值，以逗号分割。例如：0,100
步进值	stepValue	String	1	每次拖动输入条时增加的量。
缺省值	defValue	String	标准	缺省值是默认的选择数值，并且缺省值只有当“是否双数值”开关关闭时才会生效。例如：价格是10那么你可以输入10，当页面加载时默认输入条就会在10这个位置。
展示当前值	showCurrentValue	开关	关	是否显示当前滑动点的数值
区间显示	intervalDisplay	开关	关	是否显示滑动选择的最小值和最大值

控件演示实例

1. 添加滑动输入条控件并进行设置

2. 添加两个按钮控件

3. 事件里添加如下代码

滑动输入条“是否双数值”开关关闭时，示例代码如下：

//点击获取按钮时显示滑动条的值
_this.getSliderValue = function(event){
    var value = mbos("slider1").getValue();    
    alert(value);
}    

//点击设置按钮时把滑动条设置为70
_this.setSliderValue = function(event){
    mbos("slider1").setValue(70);
}

滑动输入条“是否双数值”开关开启时，示例代码如下：

//点击获取按钮时显示滑动条的值
_this.getSliderValue = function(event){
    var value = mbos("slider1").getValue();   
    alert(value);
}
     
//点击设置按钮时把滑动条设置为10到70
_this.setSliderValue = function(event){
    mbos("slider1").setValue([10,70]);
}

使用最终效果

1.滑动输入条“是否双数值”开关关闭时: