How to get fire DataTable row on confirm ? using PrimeVue and Vue 3

UI Components for Vue
Post Reply
aleksandar
Posts: 1
Joined: 02 Oct 2021, 18:41

02 Oct 2021, 18:44

All my question is here:

https://stackoverflow.com/questions/694 ... -and-vue-3

But to repeat:

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?

Code: Select all

[code]
<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>
[/code]


Which of this events is fired when i click on check icon to confirm editing ?

Code: Select all

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

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests