====== 데이트피커 달력 닫기 버튼 ======
데이트피커 컴포넌트 달력 닫기 버튼 표시 예시 화면이다.
달력 박스는 달력 닫기 버튼을 클릭하지 않아도, 사용자의 조작에 의해서 자동으로 닫히는 기능을 제공한다.
달력 닫기 버튼은 달력 박스를 닫는 동작을 수행하는 버튼이며, 실행 파라미터에 설정에 의해서 모든 달력 박스에 적용된다.
관련 실행 파라미터에는 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|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// 화면 로드 이벤트
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());
}