맨위로가기
 

SBUx

닫기

1.7 컴포넌트들을 그룹핑하기

STEP 1. Component에 그룹 지정 속성 추가

1. 아래와 같이 컴포넌트에 그룹핑을 위한 속성을 추가합니다. 
<sbux-input id="sbIdx1" name="sbName1" uitype="text" group-id="sbGroup"></sbux-input>
<sbux-datepicker id="sbIdx2" name="sbName2" uitype="popup" group-id="sbGroup"></sbux-datepicker>
<sbux-textarea id="sbIdx3" name="sbName3" uitype="normal" group-id="sbGroup"></sbux-textarea>

STEP 2. 그룹 관련 Method 사용

1. 그룹핑관련 Method로 컴포넌트 그룹 전체를 제어합니다. 
<script>
    function hideGroup(name){
        SBUxMethod.hideGroup(name);
    });
    function showGroup(name){
        SBUxMethod.showGroup(name);
    });
</script>
<sbux-input id="sbIdx1" name="sbName1" uitype="text" group-id="sbGroup"></sbux-input>
<sbux-datepicker id="sbIdx2" name="sbName2" uitype="popup" group-id="sbGroup"></sbux-datepicker>
<sbux-textarea id="sbIdx3" name="sbName3" uitype="normal" group-id="sbGroup"></sbux-textarea>