help for check box in the table

[ibizlink]

Hi

I have implemented check box in paramquery table as per below and it works well.

Code: [Select]

{
                    dataIndx: 'state',maxWidth: 30, minWidth: 30, align: "center", resizable: false, title: "",
                    menuIcon: false, sortable: false, editor: false, editable: true, menuInDisable: true,
                    type: 'checkbox', cls: 'ui-state-default',
                    dataType: 'bool',
                    cb: {
                        all: true, //checkbox selection in the header affect current page only.
                        header: true //show checkbox in header.
                    },
                    render: function (ui) {
                        if (ui.rowData.summaryRow) {
                            return "";
                        }
                        else
                        {
                            let column = this.getColumn({ dataIndx: 'state' }),
                                state = ui.rowData.state,
                                check = column.cb.check,
                                checked;
                           
                            if (state === check || ui.rowData.chkeod == 1)
                            {
                                checked = 'checked';
                            }
                            else
                            {
                                checked = '';
                            }

                            return {
                                text: "<label><input type='checkbox' " + checked + " /></label>"
                            }
                        }
                    }
                },

The issue is that it does not work with the below code as nothing come up with "rd".

Code: [Select]

Checkbox('state').getCheckedNodes().map(function (rd) {
                let obj = { id: rd.accountdetailid }
                result.push(obj);
            })


I have attached images that showing it actually selected but all check box on top has not checked as well.

Can you please adivse me how to bind actual check box from the begining?
(If I recheck it then looks like check box selected correctly)

Thanks,

[paramvir]

Rather than manually generating the html of checkboxes, let the pqgrid API take care of it. It would also fix the issue faced by you.

Please follow this example: https://paramquery.com/pro/demos/checkbox