How to capture the edit button event inside an editable tabl


Topic: How to capture the edit button event inside an editable table.

FWUser pro premium priority asked 3 years ago

Hello. I have a requirement in where I need to fill a listbox which lives outside the editable table, when the user click the edit button inside the editable table. In the documentation theres code to capture the actual save action with something like this (this is used for the toast notification)

table.addEventListener('add.mdb.tableEditor', (e) => { const alert = document.getElementById('alert-add-entry'); const alertInstance = mdb.Alert.getInstance(alert); const { harbor, portname } = e.row; alert.innerHTML = <strong>New entry:</strong> ${harbor} (${portname}); alertInstance.show(); });

However I don't want to capture the save button. I want to capture when the user click the edit button itself, and extract data from that row based on the row clicked.

How can I achieve this???

Thank you!


FWUser pro premium priority answered 3 years ago

The answer to this was in the documentation itself. There's an event for this called:

edit.mdb.tableEditor

My bad for not reading it entirely.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No