[Nexacro] Spin 활용

 

 

 

● 특징

 

- 일정 범위 내의 숫자값을 입력하기 위해 버튼으로 값을 증가시키거나 감소시킬 수 있다.

 

- 값이 변경되는 단위를 조정할 수 있다.

- max, min 속성을 정의하면 최댓값과 최솟값을 설정할 수 있다.

 

- type 속성을 noneditable로 설정하여 버튼으로만 조작하게 할 수 있다. 

 

 

 

 

 

반응형

 

 

 

 

▶ 활용예시 (범위 입력 시 사용)

 

 

Edit로 만들경우 값을 체크하여 값의 정상범위 여부를 확인해야 하고,

정상범위가 아닐경우 사용자에게 알림을 제공해야 하는 번거로움이 있다.

 

 

● Spin을 사용할 경우 

 - 범위를 벗어난 값을 입력할 수 없으므로 최소값, 최대값의 범위를 넘어서 입력 하였는지 체크하여

    메시지를 띄워줄 필요가 없다.

 

 - 최소값, 최대값을 벗어날 경우 최소값이나 최대값으로 값이 자동 설정된다.

 

 

 

※ 버튼이 불필요할 경우 style.buttonsize를 0으로 설정하면 Edit와 똑같은 모양으로 사용할 수 있다.