guide:component:field:field_autocomplete [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== auto_complete 속성 ======

DUP 데이터를 이용한 자동완성 기능에 대한 예시화면이다.

자동 완성 데이터는 dup_name 속성에 해당하는 DUP 데이터에 있는 값을 기준으로 처리된다.

관련 속성으로 dup_name, auto_complete가 있다.

===== 예시 =====

템플릿 위치: /HTML5/COMPONENT/FIELD/field_autocomplete

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/FIELD/field_autocomplete.xml|field_autocomplete.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/FIELD/field_autocomplete.js|field_autocomplete.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/FIELD/field_autocomplete|새창으로 실행]]

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

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

<sxh javascript>
// "DUP 데이터 추가" 버튼 이벤트
function btn_adddupdata_on_mouseup(objInst)
{
	factory.dupdataappend("CITY_DATA", "Singapore");
	factory.dupdataappend("CITY_DATA", "Hong Kong");
	factory.dupdataappend("CITY_DATA", "Hochiminh");
	factory.dupdataappend("CITY_DATA", "China");
	factory.dupdataappend("CITY_DATA", "Tokyo");
	factory.dupdataappend("CITY_DATA", "Now York");
	factory.dupdataappend("CITY_DATA", "Osaka");
	factory.dupdataappend("CITY_DATA", "Hanoi");
	factory.dupdataappend("CITY_DATA", "Manila");
	factory.dupdataappend("CITY_DATA", "Sydney");
	factory.dupdataappend("CITY_DATA", "Chennai");
	factory.dupdataappend("CITY_DATA", "London");
	factory.dupdataappend("CITY_DATA", "Parsi");
	factory.dupdataappend("CITY_DATA", "Amsterdam");
	factory.dupdataappend("CITY_DATA", "Bahrain");
	factory.dupdataappend("CITY_DATA", "Abu Dhabi");
	factory.dupdataappend("CITY_DATA", "Panama");
	factory.dupdataappend("CITY_DATA", "Fukuoka");
	factory.dupdataappend("CITY_DATA", "KHGF");
	factory.dupdataappend("CITY_DATA", "Deutchland AG");
	factory.dupdataappend("CITY_DATA", "NY Finco");
	factory.dupdataappend("CITY_DATA", "LA Finco");
	factory.dupdataappend("CITY_DATA", "Test Branch");
	factory.dupdataappend("CITY_DATA", "ROC(GNA)");

	factory.dupdataappend("CITY_H_DATA", "싱가폴");
	factory.dupdataappend("CITY_H_DATA", "홍콩");
	factory.dupdataappend("CITY_H_DATA", "호치민");
	factory.dupdataappend("CITY_H_DATA", "차이나");
	factory.dupdataappend("CITY_H_DATA", "도쿄");
	factory.dupdataappend("CITY_H_DATA", "뉴욕");
	factory.dupdataappend("CITY_H_DATA", "오사카");
	factory.dupdataappend("CITY_H_DATA", "하노이");
	factory.dupdataappend("CITY_H_DATA", "마닐라");
	factory.dupdataappend("CITY_H_DATA", "시드니");
}
</sxh>