그리드 이벤트 적용
RealGridVue 컴포넌트 props를 통해 그리드 이벤트를 적용 할수 있습니다.
아래는 onCellClicked 이벤트를 적용한 예제입니다.
<template>
<div style="width: 1000px; height: 400px">
<RealGridVue
ref="gridRef"
:rows="rows"
:auto-generate-field="false"
:on-cell-clicked="(grid: RealGrid.GridView, clickData: RealGrid.ClickData)=>{
console.log(clickData)
}">
<RGDataField
field-name="KorName"
data-type="RealGrid.ValueType.TEXT"></RGDataField>
<RGDataField
field-name="Age"
data-type="RealGrid.ValueType.NUMBER"></RGDataField>
<RGDataField
field-name="OrderDate"
data-type="RealGrid.ValueType.DATETIME"></RGDataField>
<RGDataField
field-name="Monetary"
data-type="RealGrid.ValueType.TEXT"></RGDataField>
<RGDataColumn field-name="KorName" :width="100"></RGDataColumn>
<RGDataColumn field-name="Age" :width="100"></RGDataColumn>
<RGDataColumn field-name="OrderDate" :width="100"></RGDataColumn>
<RGDataColumn field-name="Monetary" :width="100"></RGDataColumn>
</RealGridVue>
</div>
</template>그리드 이벤트 발생 순서 및 클릭 이벤트는 아래 링크에서 확인하실 수 있습니다.