Topic: Table editor @update event
Expected behavior
Table editor should fire @update event after editing and on deleting
Actual behavior
Table editor only fire @update event on delete only
Resources (screenshots, code snippets etc.)
<MDBTableEditor
v-model:dataset="dataset"
@update="onEditorUpdate"
></MDBTableEditor>
const onEditorUpdate = (event) => {
// only fire on delete
console.log('onEditorUpdate', event)
}
Bartosz Cylwik staff answered 2 years ago
Hi. I fresh installed an app with table editor plugin (2.0.2). From what I can see my @update
event is emitting on edit aswell. What version of table editor are you using? Maybe you could
check if @updateEntry
event is firing for you properly. Best Regards!
tnhnet pro premium priority commented 2 years ago
I was running 2.0.1, I updated to 2.0.2 and the issue still presist. I added @updateEntry doesn't make any difference
Bartosz Cylwik staff commented 2 years ago
Have you tried removing node_modules
and installing again? Could you check in node_modules
if table editor shows version 2.0.2
? If that won't help, and if it's possible, maybe you could show us your code (only the editor table part) somewhere? Can be here, github or email.
tnhnet pro premium priority commented 2 years ago
yes, i double checked and it says mdb-vue-table-editor@2.0.2" the code is basically what I shared in the original post, where dataset = const dataset = ref({ columns: [ {label: 'Label', field: 'label'}, {label: 'Unit', field: 'unit'}, {label: 'Unit Type', field: 'unit_type', inputType: 'select', options: ['gram', 'unit']}, {label: 'Cost', field: 'cost'}, {label: 'Price', field: 'price'}, {label: 'Min', field: 'minimum'}, {label: 'Max', field: 'maximum'}, {label: 'Enabled', field: 'enabled', inputType: 'checkbox'}, ], rows: product.value.product_prices })
Bartosz Cylwik staff commented 2 years ago
I'm not really sure what could cause the problem. I've checked and on our side the events are working, your code is working for me aswell. The update event is firing after click on a save button. Have you tried checking on a new project if anything changes?
tnhnet pro premium priority commented 2 years ago
I figured it out, the data passed to rows should only contain the fields defined in columns only. otherwise it doesn't fire update or updateEntry events
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB5 3.1.1
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: No
- Provided link: No