Class: NumberControllerSlider

优质

小牛编辑

120浏览

2023-12-01

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:

THING.Controller#caption

Overrides:

THING.NumberController#caption

isPercentage(flag)

将绝对数值转为百分比

Parameters:

Name	Type	Description
`flag`	Boolean	是否转化为百分比

max(maxValue) → {NumberController}

设置最大值

Parameters:

Name	Type	Description
`maxValue`	Number	最大值

Inherited From:

THING.NumberController#max

Overrides:

THING.NumberController#max

Returns:

组件对象

Type: NumberController

min(minValue) → {NumberController}

设置最小值

Parameters:

Name	Type	Description
`minValue`	Number	最小值

Inherited From:

THING.NumberController#min

Overrides:

THING.NumberController#min

Returns:

组件对象

Type: NumberController

on(event, callback) → {Controller}

绑定事件

Parameters:

Name	Type	Description
`event`	String	事件名称
`callback`	function	事件触发的回调函数

Inherited From:

THING.Controller#on

Overrides:

THING.NumberController#on

Returns:

组件对象

Type: Controller

Example

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

show(flag)