1. alert을 띄우게할 컴포넌트를 생성합니다.
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "value" > input</option-item>
<option-item value= "value" > picker</option-item>
<option-item value= "value" > radio</option-item>
<option-item value= "value" > select</option-item>
</sbux-select>
2. 생성한 컴포넌트와 연동하여 alert 컴포넌트를 생성합니다.
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "value" > input</option-item>
<option-item value= "value" > picker</option-item>
<option-item value= "value" > radio</option-item>
<option-item value= "value" > select</option-item>
</sbux-select>
<sbux-alert id= "sbIdx1_1" name= "sbTagNm1_1" uitype= "alert" switch-name= "sbName"
case-array= "{iValue,,input을 선택하셨습니다.,}^
{pValue,,picker를 선택하셨습니다.,}^
{rValue,,radio를 선택하셨습니다.,}^
{sValue,,select를 선택하셨습니다.,}" >
</sbux-alert>
1. is-confirm 속성을 추가합니다.
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "value" > input</option-item>
<option-item value= "value" > picker</option-item>
<option-item value= "value" > radio</option-item>
<option-item value= "value" > select</option-item>
</sbux-select>
<sbux-alert id= "sbIdx1_1" name= "sbTagNm1_1" uitype= "alert" switch-name= "sbName"
case-array= "{iValue,,input을 선택하셨습니다.,}^
{pValue,,picker를 선택하셨습니다.,}^
{rValue,,radio를 선택하셨습니다.,}^
{sValue,,select를 선택하셨습니다.,}"
is-confirm= "true" >
</sbux-alert>
1. callback-confirm-ok 속성을 추가하여 ok에 대한 callback을 설정합니다.
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "iValue" > input</option-item>
<option-item value= "pValue" > picker</option-item>
<option-item value= "rValue" > radio</option-item>
<option-item value= "sValue" > select</option-item>
</sbux-select>
<sbux-alert id= "sbIdx1_1" name= "sbTagNm1_1" uitype= "alert" switch-name= "sbName"
case-array= "{iValue,,input을 선택하셨습니다.,}^
{pValue,,picker를 선택하셨습니다.,}^
{rValue,,radio를 선택하셨습니다.,}^
{sValue,,select를 선택하셨습니다.,}"
is-confirm= "true"
callback-confirm-ok= "okCallback" >
</sbux-alert>
2. callback-confirm-ok 속성에 지정한 function을 추가합니다.
<script>
function okCallback (){
alert ( ' 확인 ' );
}
</script>
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "iValue" > input</option-item>
<option-item value= "pValue" > picker</option-item>
<option-item value= "rValue" > radio</option-item>
<option-item value= "sValue" > select</option-item>
</sbux-select>
<sbux-alert id= "sbIdx1_1" name= "sbTagNm1_1" uitype= "alert" switch-name= "sbName"
case-array= "{iValue,,input을 선택하셨습니다.,}^
{pValue,,picker를 선택하셨습니다.,}^
{rValue,,radio를 선택하셨습니다.,}^
{sValue,,select를 선택하셨습니다.,}"
is-confirm= "true"
callback-confirm-ok= "okCallback" >
</sbux-alert>
3. callback-confirm-cancel 속성을 추가하여 ok에 대한 callback을 설정합니다.
<script>
function okCallback (){
alert ( ' 확인 ' );
}
</script>
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "iValue" > input</option-item>
<option-item value= "pValue" > picker</option-item>
<option-item value= "rValue" > radio</option-item>
<option-item value= "sValue" > select</option-item>
</sbux-select>
<sbux-alert id= "sbIdx1_1" name= "sbTagNm1_1" uitype= "alert" switch-name= "sbName"
case-array= "{iValue,,input을 선택하셨습니다.,}^
{pValue,,picker를 선택하셨습니다.,}^
{rValue,,radio를 선택하셨습니다.,}^
{sValue,,select를 선택하셨습니다.,}"
is-confirm= "true"
callback-confirm-ok= "okCallback"
callback-confirm-cancel= "cancelCallback" >
</sbux-alert>
4. callback-confirm-cancel 속성에 지정한 function을 추가합니다.
<script>
function okCallback (){
alert ( ' 확인 ' );
}
function cancelCallback (){
alert ( ' 취소 ' );
}
</script>
<sbux-select id= "sbIdx" name= "sbName" uitype= "single" >
<option-item value= "iValue" > input</option-item>
<option-item value= "pValue" > picker</option-item>
<option-item value= "rValue" > radio</option-item>
<option-item value= "sValue" > select</option-item>
</sbux-select>
<sbux-alert id= "sbIdx1_1" name= "sbTagNm1_1" uitype= "alert" switch-name= "sbName"
case-array= "{iValue,,input을 선택하셨습니다.,}^
{pValue,,picker를 선택하셨습니다.,}^
{rValue,,radio를 선택하셨습니다.,}^
{sValue,,select를 선택하셨습니다.,}"
is-confirm= "true"
callback-confirm-ok= "okCallback"
callback-confirm-cancel= "cancelCallback" >
</sbux-alert>
메뉴를 선택해보세요.
input
picker
radio
select