guide:component:combobox:combobox_multiselect [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 콤보박스 다중선택 가이드======

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

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|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/COMBOBOX/combobox_multiselect"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

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