在线咨询
QQ交流群
微信公众号

Class: NumberControllerSlider

THING~ NumberControllerSlider

NumberControllerSlider 数值型进度条 可显示在某区间值域内的指标数值变化,也可设置进度条滑块能否被拖动以改变数值


new NumberControllerSlider(object, property) → {NumberControllerSlider}

Parameters:
Name Type Description
object Object

数据对象

property string

要绑定的某属性值的属性名称

Returns:

组件对象

Type
NumberControllerSlider
Example
var panel = new THING.widget.Panel({
 titleText: "数值型进度条",
 width: '400px',
 hasTitle: true
});
// 数据对象
var dataObj = {
 '海拔': 100,
 '气温': 20
};
var slider01 = panel.addNumberSlider(dataObj, '海拔').step(1).min(0).max(500);
// isChangeValue 可与进度条交互滑动
var slider02 = panel.addNumberSlider(dataObj, '气温').step(1).min(-20).max(40).isChangeValue(true)
slider02.on('change', function (value) {
 console.log('气温 ' + value);
});

Extends

Methods


caption(v)

设置标题名称

Parameters:
Name Type Description
v String

标题名称

Inherited From:
Overrides:

isPercentage(flag)

将绝对数值转为百分比

Parameters:
Name Type Description
flag Boolean

是否转化为百分比


max(maxValue) → {NumberController}

设置最大值

Parameters:
Name Type Description
maxValue Number

最大值

Inherited From:
Overrides:
Returns:

组件对象

Type
NumberController

min(minValue) → {NumberController}

设置最小值

Parameters:
Name Type Description
minValue Number

最小值

Inherited From:
Overrides:
Returns:

组件对象

Type
NumberController

on(event, callback) → {Controller}

绑定事件

Parameters:
Name Type Description
event String

事件名称

callback function

事件触发的回调函数

Inherited From:
Overrides:
Returns:

组件对象

Type
Controller
Example
obj.on('change',function(ev) {
});
// beforeChange 事件触发返回一个 Boolean 值,当返回 true 时,继续触发 change 事件;返回 false 则不会触发 change 事件
obj.on('beforeChange', function (ev) {
   //...;
   return true;
}

show(flag)

设置显示/隐藏

Parameters:
Name Type Description
flag Boolean

显示/隐藏 状态

Inherited From:
Overrides:

step(stepValue) → {NumberController}

设置变化增量

Parameters:
Name Type Description
stepValue Number

增量

Inherited From:
Overrides:
Returns:

组件对象

Type
NumberController