콤보박스 다중선택 가이드

이 화면은 콤보박스의 멀티 선택 샘플 화면이다.

maxselectcount 속성으로 최대 선택 가능한 코드 아이템 갯수를 지정한다.

멀티 선택을 하기 위해서는 반드시 display_delimiter, value_delimiter 속성을 정의해야 한다.

display_delimiter 속성으로 멀티 선택된 코드 정보 표시 구분자를 지정한다.

value_delimiter 속성으로 멀티 선택된 코드 값 구분자를 지정한다.

show_checkbox 속성으로 체크 박스 표시 여부를 지정한다.

관련 API로 getselectedcode, setselectedcode가 있다.

템플릿 위치: /HTML5/COMPONENT/COMBOBOX/combobox_multiselect

템플릿 파일

• combobox_multiselect.xml
• combobox_multiselect.js
• 새창으로 실행

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()));
}