| 사항 | 설명 | 비고 | |
|---|---|---|---|
| HTML 태그 형태 | <sbux-label></sbux-label> |
||
| 필수 속성 | id, name, uitype | ||
| * 2.6.962 버전이후 변경사항 : - id 속성 미사용시 name 값으로 자동 매핑 - uitype 속성 미사용시 SBUxDefault.js 에 설정된 값으로 자동 매핑 |
|||
| uitype 속성 값 | normal, output(deprecated) | ||
| 예시) HTML 형태의 개발 |
|---|
|
<sbux-label id="idxLabel_norm" name="label_norm" uitype="normal" text="회사명"></sbux-label> |
| 예시) jQuery Plugin 형태의 개발 |
|---|
|
<div id="sbArea"></div> <script> $(document).ready(function(){ $('#sbArea').sbLabel({ name : 'sbScriptNm', uitype : 'normal', text : 'SBUx Label' }); }); </script> |
| 속성명 | 설명 / 유형(n:normal) | 비고 | |
|---|---|---|---|
| group-id | 그룹으로 묶일 id | n | |
| text | 화면에 표시되는 문구 | n | |
| mask | 화면에 나타나는 masking | n | |
| for-id | input tag 와 label 간의 연관 속성 | n | |
| locale-key | 다국어 설정을 위한 key 매핑 속성 | n | |
| next-focus-id | enter 입력시 지정한 컴포넌트로 focus 이동 | n | |
| grid-id | 연동되는 그리드 id | n | |
| grid-direction | 데이터의 진행 방향 | n | |
| grid-status | 그리드 행의 상태 변화 | n | |
| grid-event | 연동시점 그리드 이벤트 | n | valuechanged(기본값), undefined(이벤트 발생안함) |
| grid-ref | 그리드의 Column Reference 값 | n | grid 컬럼 ref 지정 |
| grid-jit | 입력되는 즉시 반영 | n | |
| onclick | 클릭시 이벤트 | n | |
| ondblclick | 더블 클릭시 이벤트 | n | |
| API 명 | 설명 / 유형(n:normal) | 비고 | |
|---|---|---|---|
| SBUxMethod.set | 값을 입력 | n | |
| SBUxMethod.get | 저장된 값 호출 | n | |
| SBUxMethod.refresh | 재호출 | n | |
| SBUxMethod.hide | 감추기 | n | |
| SBUxMethod.show | 보이기 | n | |
| SBUxMethod.getAllData | 전체데이터 가져오기 | n | |
| SBUxMethod.clearAllData | 전체데이터 지우기 | n | |
| SBUxMethod.getGroupData | group-id 로 묶여진 컴포넌트 데이터 가져오기 | n | |
| SBUxMethod.clearGroupData | group-id 로 묶여진 컴포넌트 데이터 지우기 | n | |
| SBUxMethod.changeGroupAttr | group-id 로 묶여진 컴포넌트 데이터 속성변경 | n | readonly,disabled |
| SBUxMethod.showGroup | group-id 로 묶여진 컴포넌트 보이기 | n | |
| SBUxMethod.hideGroup | group-id 로 묶여진 컴포넌트 감추기 | n | |
| SBUxMethod.refreshGroup | group-id 로 묶여진 컴포넌트 refresh | n | |
| SBUxMethod.render | <sbux-xxx tag >랜더링 | n | |
| SBUxMethod.validateRequired | required 속성이 있는 컴포넌트 체크 | n | |
