| 사항 | 설명 | 비고 |
|---|---|---|
| HTML 태그 형태 | <sbux-slider></sbux-slider> |
|
| 필수 속성 | id, name, uitype | |
| * 2.6.962 버전이후 변경사항 : - id 속성 미사용시 name 값으로 자동 매핑 - uitype 속성 미사용시 SBUxDefault.js 에 설정된 값으로 자동 매핑 |
||
| uitype 속성 값 | single |
| 예시) HTML 형태의 개발 |
|---|
|
<sbux-slider id="idxSd" name="sd" uitype="single" init="50" min-value="0" max-value="100" show-value="true"> </sbux-slider> |
| 예시) jQuery Plugin 형태의 개발 |
|---|
|
<div id="sbArea"></div> <script> $(document).ready(function(){ $('#sbArea').sbSlider({ name : 'sbScriptNm', uitype : 'single', }); }); </script> |
| 속성명 | 설명 / 유형(s:single) | 비고 | |
|---|---|---|---|
| init | 초기값 | s | |
| direction | 슬라이드 방향 | s | horizontal,vertical |
| min-value | 최소값 | s | |
| max-value | 최대값 | s | |
| show-value | 수치 표시 여부 | s | |
| callback-start | 선택 후 마우스 드래드가 시작될때 callback | s | |
| callback-stop | 선택 후 마우스 드래드가 종료될때 callback | s | |
| callback-drag | 선택 후 마우스 드래드 중일때 callback | s | |
| API 명 | 설명 / 유형(s:single) | 비고 | |
|---|---|---|---|
| SBUxMethod.set | 값을 입력 | s | |
| SBUxMethod.get | 저장된 값 호출 | s | |
| SBUxMethod.refresh | 재호출 | s | |
| SBUxMethod.hide | 감추기 | s | |
| SBUxMethod.show | 보이기 | s | |
| SBUxMethod.render | <sbux-xxx tag >랜더링 | s | |
