guide:component:datepicker:datepicker_calendarclose [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 데이트피커 달력 닫기 버튼 ======

데이트피커 컴포넌트 달력 닫기 버튼 표시 예시 화면이다.

달력 박스는 달력 닫기 버튼을 클릭하지 않아도, 사용자의 조작에 의해서 자동으로 닫히는 기능을 제공한다.

달력 닫기 버튼은 달력 박스를 닫는 동작을 수행하는 버튼이며, 실행 파라미터에 설정에 의해서 모든 달력 박스에 적용된다.

관련 실행 파라미터에는 DATE_SELECTBOX_SHOWCLOSEBUTTON, DATE_TODAYBAR_SHOWCLOSEBUTTON가 있다.

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

템플릿 위치: /HTML5/COMPONENT/DATEPICKER/datepicker_calendarclose

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

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

==== 화면 스크립트 ====
<sxh javascript>
// 화면 로드 이벤트
function screen_on_load()
{
	// 실행 파라미터 값을 기준으로 체크박스 체크 처리
	chk_DATE_SELECTBOX_SHOWCLOSEBUTTON.setcheck(factory.gethtmlparam("DATE_SELECTBOX_SHOWCLOSEBUTTON"));
	chk_DATE_TODAYBAR_SHOWCLOSEBUTTON.setcheck(factory.gethtmlparam("DATE_TODAYBAR_SHOWCLOSEBUTTON"));
}

// "DATE_SELECTBOX_SHOWCLOSEBUTTON" 클릭 이벤트
function chk_DATE_SELECTBOX_SHOWCLOSEBUTTON_on_click(objInst)
{
	// 실행 파라미터 값 변경
	factory.sethtmlparam("DATE_SELECTBOX_SHOWCLOSEBUTTON", objInst.getcheck());
}

// "DATE_TODAYBAR_SHOWCLOSEBUTTON" 클릭 이벤트
function chk_DATE_TODAYBAR_SHOWCLOSEBUTTON_on_click(objInst)
{
	// 실행 파라미터 값 변경
	factory.sethtmlparam("DATE_TODAYBAR_SHOWCLOSEBUTTON", objInst.getcheck());
}
</sxh>