Way to tell if select event came from mouse click or programmatically?

BarryB · August 2020

Using $('#myTable').DataTable().on('select', function (e, dt, type, indexes) to capture select events.

However, I populate the table initially from external data where some rows are already selected. I only want to know when the user takes action i.e. clicks. Looked through all the arguments but nothing seemed obvious.

Thanks in advance!

kthorngren · August 2020

Use the user-select event for this.

Kevin

BarryB · August 2020

Thanks this basically works. This event appears to fire before the select/deselect events, so I look at the originalEvent to determine what the semantic is:

    $('#myTable').DataTable().on('user-select', function (e,dt,type,cell,OriginalEvent)      
    {
        var sel1 = originalEvent.target.parentNode.classList.contains("selected");
        if (sel1 === true)
            console.log("deselecting");
        else
            console.log("selecting");
    });

Sort of feels a little hacky ... not sure there's a better way though.

kthorngren · August 2020

This thread has a similar comment with one of the developer's responses.

Kevin

BarryB · August 2020

Thanks. Posted a comment there.

Way to tell if select event came from mouse click or programmatically?

Way to tell if select event came from mouse click or programmatically?

Answers

Howdy, Stranger!

Categories

DataTables

Way to tell if select event came from mouse click or programmatically?

Way to tell if select event came from mouse click or programmatically?

Answers

Howdy, Stranger!

Quick Links

Categories

DataTables