10 examples of 'material ui slider onchange' in JavaScript

43
public onChangeValueForSlider(event: any): void {
44
	this.sliderValues = [parseInt(event.target.value, 10)];
45
}

210
onSliderChange(value) {
211
    this.setState({
212
        value
213
    });
214
}

44
onChange(event:React.FormEvent)
45
	{
46
        this.setState({
47
            value: (event.target as any).value
48
        });
49
        if (this.props.onChange)
50
            this.props.onChange(event);
51
    }

80
onKeyDown(event): void {
81
    let key = event.which || event.keyCode;
82
    if (key === 39 || key === 37) {
83
        // left/right
84
        event.stopPropagation();
85
    }
86
}

417
set stepValue(value: string | number) {
418
    this._step = +value;
419
}

19
onChange(value) {
20
  if (this.props.onChange) {
21
    this.props.onChange(value, this.props.propName);
22
  }
23
}

17
handleChange(value) {
18
  this.props.onChange(value);
19
  if (this.props.showValue) {
20
    this.setState({
21
      value,
22
    });
23
  }
24
}

44
onChangeSlider3(e) {
45
    this.setState({ val3: e.value });
46
}

74
change() {
75
  this.input.checked = !this.input.checked;
76
  this.shape.removeAttribute('style');
77
  this.direction = this.input.checked ? -1 : 1;
78
  if (typeof this.props.onChange === 'function'
79
    && this.props.input instanceof Object
80
    && !(this.props.input instanceof Array)) {
81
    this.props.onChange({
82
      checked: this.input.checked,
83
      value: this.props.input.value,
84
    });
85
  }
86
}

34
onChange(value) {
35
    this.setState({value: value});
36
    
37
    let actionEvent = {
38
        actionEvent: this.props.actionEvent || 'noAction',
39
        state: value
40
    };
41
42
    PubSub.publish('componentAction', actionEvent);
43
}