EasyUI Forum

General Category => EasyUI for React => Topic started by: spider58 on December 10, 2018, 08:10:29 AM



Title: Problem on Slider
Post by: spider58 on December 10, 2018, 08:10:29 AM
Hi.

I added a slider with below code

Code:
<div>
          <Slider
            style={{ width: 100 }}
            showTip
            value = "1"
            min="0"
            max="1"
          />
        </div>

But slider handle button is doesn't stop when reached start or end of slider. I can move slider handler button to any where in Y axis.

when i look developer tools console (F12) seeing below error mesage

Uncaught TypeError: (o + ((e * a) * (i - o).toFixed is not a function
         ad t.value (rc-easy-ui-min.js:23)
     

and has hundreds of this error code. (generating for every move with mouse)


Title: Re: Problem on Slider
Post by: stworthy on December 10, 2018, 07:35:20 PM
Please use this code instead.
Code:
<Slider
style={{ width: 100 }}
showTip
value = {1}
min={0}
max={1}
/>


Title: Re: Problem on Slider
Post by: spider58 on December 10, 2018, 10:45:08 PM
Please use this code instead.
Code:
<Slider
style={{ width: 100 }}
showTip
value = {1}
min={0}
max={1}
/>

Thanks.  Worked ;D

But i want to define step as 0.1.  I tried "0.1" and {0.1}. Doesn't worked.

Or i think i can define max=10, min=0 and step = 1 and divide value to 10 when i need to use.