I use prime face vue. I use DataTable and. I want an click check icon to confirm the change of that row, but I don't know which event triggers that function for me?
<DataTable
:value="allCompetitors"
editMode="row"
data-key="competitorNo"
@rowEditInit="onRowEditInit"
@rowEditCancel="onRowEditCancel"
v-model:editingRows="editingRows"
@cellEditComplete="onCellEditComplete"
responsiveLayout="scroll"
>
<Column field="nameSurname" header="nameSurname" style="width:8%">
<template #editor="slotProps">
<InputText v-model="slotProps.data[slotProps.column.props.field]" autofocus />
</template>
</Column>
<Column :rowEditor="true" style="width: 10%; min-width:8rem" bodyStyle="text-align:center">
</Column>
</DataTable>
Which of this events is fired when i click on check icon to confirm editing ?
onCellEditComplete(event) {
alert('d') // NO FIRE
}
onCellEdit(newValue, props) {
alert('test') // NO FIRE
}
onRowEditCancel(event) {
alert('FIRED') // this is fired...
this.allCompetitors[event.index] = this.originalRows[event.index];
},
onRowEditInit(event) {
alert('FIRED'); // also fired
this.originalRows[event?.index] = { ...this.allCompetitors[event.index] };
},
very strange because some events trigger me some why not? i guess this is an event that should trigger the function but it doesn't work
onCellEditComplete