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

FWUser priority asked 2 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});; });

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 priority answered 2 years ago

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


My bad for not reading it entirely.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: Yes
  • Provided link: No