guide:component:grid:grid_delay_itemclick [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 그리드 지연 아이템 클릭 이벤트 가이드 ======

그리드 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|새창으로 실행]]

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

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

<sxh javascript>
// 화면 로드 이벤트
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)
{

}
</sxh>