移动BOS控件介绍-滑动输入条
滑动输入条说明
滑动输入条控件用于滑动输入数字,可以方便的进行数量选择。
效果展示
控件属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String |
| 滑动输入条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.滑动输入条“是否双数值”开关关闭时:
2.滑动输入条“是否双数值”开关开启时:
移动BOS控件介绍-滑动输入条
滑动输入条说明滑动输入条控件用于滑动输入数字,可以方便的进行数量选择。 效果展示 控件属性 属性名属性ID类型默认值说明IDIDStringsl...
点击下载文档
上一篇:移动BOS控件介绍-HTML片段下一篇:移动BOS控件介绍-进度条
本文2024-09-22 20:34:59发表“eas cloud知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-eas-114563.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章