Translate

[jqGrid] row / cell 클릭 이벤트 예제







실습 jqGrid 버전: CDN 제공하는 v4.6 버전으로 테스트


jqGrid에 데이터테이블 클릭 시 발생하는 이벤트에 대해서 알아본다.


그리드에서 데이터테이블 클릭 시 발생하는 이벤트는 아래와 같다.
1004lucifer
EventTypeDescription
beforeSelectRowrowid,
e
사용자가 row 클릭 했을때 선택 직전 발생
rowid - row의 id
e - 이벤트객체
true, false 둘중에 하나 반환을 해야 하며, true 리턴 시 선택이 완료, false 리턴 시 행이 선택되지 않고 다른 동작도 발생하지 않음.
onCellSelectrowid,
iCol,
cellcontent,
e
그리드의 특정 셀을 클릭시 발생
rowid - row의 id
iCol - cell의 index
cellcontent - cell의 content
e - 클릭 Element의 이벤트객체
(PS. 셀편집 모드를 사용하지 않을때 사용할 수 있으며, 셀편집모드를 사용하면 이벤트 발생되지 않음)
onRightClickRowrowid,
iRow,
iCol,
e
row에서 오른쪽 클릭 직후 발생
rowid - row의 id
iRow - row의 index (rowid와 함께사용을 권고하지 않음)
iCol - cell의 index
e - 이벤트객체
(Opera는 oncontextmenu 이벤트를 지원하지 않아서 Opera에서는 작동하지 않음)
onSelectRowrowid,
status,
e
row 클릭 한 직후 발생
rowid - row의 id
status - 선택상태 (multiselect옵션 true인경우 사용, 행이 선택된경우 true, 선택되지 않은경우 false)
e - 이벤트객체





댓글