Select Option to Get All Row Data into a item Object

BeerusDev

Link to test case: https://jsfiddle.net/BeerusDev/on63y9d1/28/

I have a working table that has the select option available. I want to have it so when the .select-checkbox is clicked in any row, I can gather all of that rows data. I have a handler function and nothing is triggering upon click.

kthorngren

You have a couple options. One is to use delegated events as shown in this example.

Better might be to use the select event since you are using the Select Extension. See this example for the recommended way to get selected rows.

Kevin

BeerusDev

Coming back to this issue, I have the following in a button action function.

columnDefs: [{
                    orderable: false,
                    className: 'select-checkbox',
                    targets: 0
                }],
                buttons: [
                    {
                        text: 'Mark for Delivery',
                        action: function () {
                            const selRowData = preDeliveryTable.row({ Selected: true }).data(); //get the data of the clicked row
                            const workingDocID = selRowData.itemID;
                            console.log(selRowData);
                            console.log(workingDocID);
                            
                        }
                    },
                ],
                select: {
                    style: 'os',
                    selector: 'td:first-child'
                },

When I select the checkbox in a row, no matter which selection I make. It defaults to the first row in the table even when I do not select that row?

Working on updating the test case now.

BeerusDev

https://jsfiddle.net/BeerusDev/on63y9d1/60/

kthorngren

You have preDeliveryTable.row({ Selected: true }) with Selected with an upper case S. This should be lower case, for example: preDeliveryTable.row({ selected: true }).

Kevin

BeerusDev

Wow, that is all it was... Thank you Kevin.