====== 필드 버튼 가이드 ======
필드성 컴포넌트 버튼 관련 예시화면이다.
필드성 컴포넌트 버튼 관련 기능은 버튼을 눌러서 필드에 값을 설정하기 위한 기능(예: 팝업 표시) 수행하기 위한 용도로 사용된다.
필드성 컴포넌트 button_hidden, button_size, button_image, button_image_disable 속성에 의해서 설정된다.
버튼 클릭시 on_click 이벤트의 buttonclick 파라미터가 true로 전달된다.
필드성 컴포넌트 버튼은 필드의 input_type 및 enable 속성을 기준으로 활성화 상태가 적용된다.
관련 API로 getbuttonhidden, setbuttonhidden가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/FIELD/field_button
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/FIELD/field_button.xml|field_button.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/FIELD/field_button.js|field_button.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/FIELD/field_button|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// 필드 클릭 이벤트
function fld_button_event_on_click(objInst, buttonclick)
{
var mouse_event_pos_info;
factory.consoleprint("on_click> Start");
factory.consoleprint("on_click> buttonclick = " + buttonclick);
// mouse_event_pos_info 정보에 대한 자세한 내용은 getmouseeventpos API 도움말 참조
mouse_event_pos_info = factory.getmouseeventpos();
}
// button_hidden 속성값을 토글로 지정한다.
function btn_buttonhidden_on_click(objInst)
{
var button_hidden;
button_hidden = this.fld_buttonhidden_api.getbuttonhidden();
factory.consoleprint("클리어 버튼 보이기/숨김 = " + button_hidden);
this.fld_buttonhidden_api.setbuttonhidden(!this.fld_buttonhidden_api.getbuttonhidden());
}