====== 그리드 지연 아이템 클릭 이벤트 가이드 ======
그리드 delay_itemclick 속성 예시 화면이다.
그리드 delay_itemclick 속성은 on_itemclick, on_headerclick 이벤트에 적용된다.
그리드 delay_itemclick 속성은 그리드의 on_itemclick, on_itemdblclick 이벤트를 구별하기 위한 용도로 사용된다.
그리드 delay_itemclick 속성이 false인 경우, 그리드 클릭시 on_itemclick 이벤트가 바로 발생한다.
그리드 delay_itemclick 속성이 false인 경우, 그리드 더블클릭시 on_itemclick, on_itemdblclick 순서로 이벤트가 발생한다.
그리드 delay_itemclick 속성이 true인 경우, 그리드 클릭시 on_itemclick 이벤트가 지연되어 발생한다. (지연시간: 400ms)
그리드 delay_itemclick 속성이 true인 경우, 그리드 더블클릭시 on_itemclick 이벤트는 발생하지 않고, on_itemdblclick 이벤트만 발생한다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/GRID/grid_delay_itemclick
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_delay_itemclick.xml|grid_delay_itemclick.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_delay_itemclick.js|grid_delay_itemclick.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_delay_itemclick|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// 화면 로드 이벤트
function screen_on_load()
{
// 이벤트 발생을 모니터링하기 위해 콘솔 트레이스 표시
factory.showconsoletrace(true);
}
// 헤더 클릭 이벤트 (delay_itemclick 속성 false)
function grd_delayitemclick_false_on_headerclick(objInst, nHeaderRow, nHeaderCol)
{
// delay_itemclick 속성이 false인 경우, 아이템 클릭시 이벤트가 바로 발생하고, 더블클릭시도 이벤트가 발생함
}
// 헤더 더블클릭 이벤트 (delay_itemclick 속성 false)
function grd_delayitemclick_false_on_headerdblclick(objInst, nHeaderRow, nHeaderCol)
{
}
// 헤더 클릭 이벤트 (delay_itemclick 속성 false)
function grd_delayitemclick_false_on_itemclick(objInst, nClickRow, nClickColumn, bBtnClick, nImgIndex, strImgUrl)
{
// delay_itemclick 속성이 false인 경우, 아이템 클릭시 이벤트가 바로 발생하고, 더블클릭시도 이벤트가 발생함
}
// 헤더 더블클릭 이벤트 (delay_itemclick 속성 false)
function grd_delayitemclick_false_on_itemdblclick(objInst, nDblClickRow, nDblClickColumn, bBtnClick, nImgIndex, strImgUrl)
{
}
// 헤더 클릭 이벤트 (delay_itemclick 속성 true)
function grd_delayitemclick_true_on_headerclick(objInst, nHeaderRow, nHeaderCol)
{
// delay_itemclick 속성이 true인 경우, 아이템 클릭시 이벤트 지연되어 발생하고, 더블클릭시 이벤트가 발생하지 않음
}
// 헤더 더블클릭 이벤트 (delay_itemclick 속성 true)
function grd_delayitemclick_true_on_headerdblclick(objInst, nHeaderRow, nHeaderCol)
{
}
// 아이템 클릭 이벤트 (delay_itemclick 속성 true)
function grd_delayitemclick_true_on_itemclick(objInst, nClickRow, nClickColumn, bBtnClick, nImgIndex, strImgUrl)
{
// delay_itemclick 속성이 true인 경우, 아이템 클릭시 이벤트 지연되어 발생하고, 더블클릭시 이벤트가 발생하지 않음
}
// 아이템 더블클릭 이벤트 (delay_itemclick 속성 true)
function grd_delayitemclick_true_on_itemdblclick(objInst, nDblClickRow, nDblClickColumn, bBtnClick, nImgIndex, strImgUrl)
{
}