Slider.js

Summary
Slider.js
Properties
container {String|DOMElment} 容器对应DOM元素或者其ID值
enable {Boolean} 设置这个属性可以启用和禁用此控件
min
onChanged {Function} 滑块移动完成,也就是滑动完成松开鼠标时触发此函数,返回改变了的值
onChanging {Function} 滑块值移动过程中触发此函数,返回改变了的值
slider {DOMElement} 滑块的滑条
step
Constructor
SuperMap.Tool.Slider 滑条控件,类似于html5中的type等于range的input元素,可以滑动滑块返回一个值
Functions
appendTo 加到某一个滑动条容器上
destroy 析构函数,用于移除此控件
getValue 获取当前值
setValue 设置当前值

Properties

enable

{Boolean} 设置这个属性可以启用和禁用此控件

container

{String|DOMElment} 容器对应DOM元素或者其ID值

min

{Number} 滑块的范围值中的最小值

min

{Number} 滑块的范围值中的最大值

step

{Number} 滑块的每一步所走的距离

slider

{DOMElement} 滑块的滑条

onChanging

{Function} 滑块值移动过程中触发此函数,返回改变了的值

onChanged

{Function} 滑块移动完成,也就是滑动完成松开鼠标时触发此函数,返回改变了的值

Constructor

SuperMap.Tool.Slider

滑条控件,类似于html5中的type等于range的input元素,可以滑动滑块返回一个值

Parameters

option {Object} 传给此控件的一些初始化信息,可以是enable,min,max等等

Examples

var slider=new SuperMap.Tool.Slider({"container":"slider","min":0,"max":100,"step":10});
slider.onChanged=function(value){
    console.log(value);
}

Functions

destroy

destroy:function()

析构函数,用于移除此控件

getValue

getValue:function()

获取当前值

setValue

setValue:function( value )

设置当前值

Parameters

{Number} 要设置的值

appendTo

appendTo:function( element )

加到某一个滑动条容器上

Parameters

element {String|DOMElement} 容器对应DOM元素或者其ID值
destroy:function()
析构函数,用于移除此控件
getValue:function()
获取当前值
setValue:function( value )
设置当前值
appendTo:function( element )
加到某一个滑动条容器上
Close