add "before" events

[breakone]

emit some events before the actual action happens

[johanneswilm]

@breakone Thanks. Very interesting addition. I wonder if we also should add something to allow for canceling the handling of the event. Something like the event.preventDefault() for the beforeinput event. It would require changes to the emit() method. I am not sure how that would be implemented in the best possible way without breaking too much yet .

How are you using this event?

[breakone]

I built myself a "details row". Therefor I added a column and used the render method to render all the detail information into a new column:

...
{
                select: 9,
                sortable: false,
                cellClass: 'd-none certificate-database__extra-info',
                headerClass: 'd-none',
                render: (data, td, rowIndex, cellIndex) => {
                    const document = this.renderField(this.certDbPersonalTable, rowIndex, 3);
                    const competency = this.renderField(this.certDbPersonalTable, rowIndex, 4);
                    return document + competency;
                }
            },
...

on datatable.selectrow I use this column to add a new row (tr) beneath the selected one. I copied the contents of the column into my new "details row".

but on page change, I need to remove the extra rows before the action happens.