맨위로가기
 

SBUx

닫기

1.2 컴포넌트 생성 하기

STEP 1. tag 방식(고정형) 생성

1. 아래와 같이 생성합니다. 
<sbux-select id="sbIdx1" name="sbName1" uitype="single">
    <option-item value="red">red</option-item>
    <option-item value="green">green</option-item>
    <option-item value="blue">blue</option-item>
</sbux-select>

STEP 2. Javascript 방식(변동형) 생성

1. 아래와 같이 생성합니다. 
<script>
    var jsonData=[
        {text:'red', value:'red'},
        {text:'green', value:'green'},
        {text:'blue', value:'blue'}
    ];
</script>
<sbux-select id="sbIdx1" name="sbName1" uitype="single" jsondata-ref="jsonData"></sbux-select>

STEP 3. jQuery 방식 생성

1. 아래와 같이 생성합니다. 
<script>
    var jsonData=[
        {text:'red', value:'red'},
        {text:'green', value:'green'},
        {text:'blue', value:'blue'}
    ];
    $(document).ready(function(){
        $('#sbIdx1').sbSelect({
            name:'sbName1',
            uitype:'single',
            jsondataRef:'jsonData'
        });
    });
</script>
<div id="sbIdx1"></div>