Home Reference Source Repository 
import Slider from 'react-ios-component/src/components/form/Slider.js'
public class | source

Slider

Extends:

react~Component → Slider

滑块

Constructor Summary

Public Constructor
public

constructor(props: Object, minLabel: PropTypes.node, maxLabel: PropTypes.node, context: Object)

构造函数

Member Summary

Public Members
public
public
public

组件内部状态值

Method Summary

Public Methods
public

caclInitPosition(value: *): *

public

caclValue(percent: *): *

public

calcPosition(clientX: *)

public

componentWillReceiveProps(objectPattern: {"value": *})

public

render(): *

Public Constructors

public constructor(props: Object, minLabel: PropTypes.node, maxLabel: PropTypes.node, context: Object) source

构造函数

Params:

NameTypeAttributeDescription
props Object

组件所使用的属性
props.value number
  • optional
  • default: 0

滑块的值
props.min number
  • optional
  • default: 0

滑块的最小值
props.max number
  • optional
  • default: 100

滑块的最大值
minLabel PropTypes.node
  • optional
  • default: 0

最小值的显示文案
maxLabel PropTypes.node
  • optional
  • default: 0

最大值的显示文案
props.disabled boolean
  • optional
  • default: false

是否不可用
props.onChange function
  • optional

滑块滑动改变值时触发的函数回调
context Object

Public Members

public isInSliding: boolean source

public start: number source

public state: Object source

组件内部状态值

Properties:

NameTypeAttributeDescription
state.percent number

当前值占滑块的百分比

Public Methods

public caclInitPosition(value: *): * source

Params:

NameTypeAttributeDescription
value *

Return:

*

public caclValue(percent: *): * source

Params:

NameTypeAttributeDescription
percent *

Return:

*

public calcPosition(clientX: *) source

Params:

NameTypeAttributeDescription
clientX *

public componentWillReceiveProps(objectPattern: {"value": *}) source

Params:

NameTypeAttributeDescription
objectPattern {"value": *}
  • default: {"value":null}

public render(): * source

Return:

*