====== 콤보박스 다중선택 가이드======
이 화면은 콤보박스의 멀티 선택 샘플 화면이다.
maxselectcount 속성으로 최대 선택 가능한 코드 아이템 갯수를 지정한다.
멀티 선택을 하기 위해서는 반드시 display_delimiter, value_delimiter 속성을 정의해야 한다.
display_delimiter 속성으로 멀티 선택된 코드 정보 표시 구분자를 지정한다.
value_delimiter 속성으로 멀티 선택된 코드 값 구분자를 지정한다.
show_checkbox 속성으로 체크 박스 표시 여부를 지정한다.
관련 API로 getselectedcode, setselectedcode가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/COMBOBOX/combobox_multiselect
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/COMBOBOX/combobox_multiselect.xml|combobox_multiselect.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/COMBOBOX/combobox_multiselect.js|combobox_multiselect.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/COMBOBOX/combobox_multiselect|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
function btn_getselectedcode_on_mouseup(objInst)
{
// 멀티로 선택된 코드 값은 value_delimiter 속성값으로 연결된 문자열로 리턴된다.
screen.alert("getselectedcode = [" + cbo_multi.getselectedcode() + "]");
}
function btn_setselectedcode_on_mouseup(objInst)
{
var arrSelectCode = []; // 선택할 코드값을 저장할 배열
arrSelectCode.push("01");
arrSelectCode.push("03");
// 멀티 코드 선택 값을 지정하기 위해서는 value_delimiter 속성값으로 구분된 코드 값을 지정한다.
cbo_multi.setselectedcode(arrSelectCode.join(cbo_multi.getvaluedelimiter()));
}