[Vue][AG-Grid] Grid-Event

조준형·2021년 10월 4일
0

AG-Grid

목록 보기
4/9
post-thumbnail

📖 Grid Event

그리드가 발생시키는 이벤트 목록.

GridOptions인터페이스를 통해 이벤트에 대한 콜백등록 가능.

콜백이름은 이벤트 이름 앞에 on

cellClicked의 경우 gridOptions.onCellClicked

 const gridOptions = {
     // Add event handlers
     onCellClicked: (event: CellClickedEvent) => console.log('Cell was clicked'),
 }

🌏 ClipBoard

이름설명
pasteStart붙여넣기 작업이 시작.
pasteEnd붙여넣기 작업이 종료

🌏 Column

이름설명
columnVisiblecolumn또는 column group이 숨겨지거나 표시됨.
columnPinnedcolumn 또는 column group이 고정 / 고정해제 됨
columnResized열의 크기가 조정
columnMoved열이 이동.
이동이 완료되는 시점을 확인하려면 dragStopped아래 이벤트를 사용할 수 있습니다
ColumnValueChangedcolumn 값이 추가 또는 제거됨.

🌏 Integrated Charts

이름설명
chartCreated차트가 생성됨.
chartOptionsChanged사용자가 서식 패널을 통해 서식을 변경함.

🌏 Keyboard Navigation

이름설명
cellKeyDown / cellKeyPresskeyDown / keyPress이벤트가 셀에서 발생

🌏 Miscellaneous (그외 여러가지)

이름설명
gridReady그리드가 초기화 되었습니다.
그리드 API를 사용해 열의크기를 수정해야하는 경우 이 이벤트 사용.
gridSizeChanged그리드의 크기가 조정되었습니다.

🌏 Selection

이름설명
cellClicked / cellDoubleClicked / cellFocus
/ cellMouseOver / cellMouseOut / cellMouseDown /
rowClicked, DoubleClicked,Selected
각각의 셀과 row에 뒤의 동작이 실행됨.

📘 참고

https://www.ag-grid.com/vue-data-grid/grid-events/

profile
깃허브 : github.com/JuneHyung

0개의 댓글