ag-grid-vue 以编程方式订阅事件

问题描述

我正在尝试从 Vue 指令订阅 Ag-Grid

function insert(el: HTMLElement,binding: DirectiveBinding,{componentInstance} : VNode){
    
    let grid = componentInstance as AgGridVue;

    grid.$on('rowDataChanged',(params) => {
      console.log(params) //Doesn't even enter to this event
    })

    grid.$on('row-data-changed',(params) => {
      console.log(params) //Neither here
    })
    
}

我只是想知道这是否可能。

解决方法

所以，我在调试中找到了大海捞针

let events = (componentInstance as any).gridOptions.api.eventService as EventService;

events.addEventListener('cellValueChanged',function (evt: CellValueChangedEvent) {
    // Logic
})