devextreme - 如何将复选框添加到 dxDataGrid 分组行

Question

dxdatagrid 中有分组的行table.checkbox应该在每个分组行的前面。

我已经尝试过using .dxCheckbox()了，但没有奏效。

标签： devextreme

Answer 1

你可以试试

groupCellTemplate: function (container, options) {
                    let value = 1;
                    for (const item of options.data.items) {
                        if (item.isPermission === "0") {
                            value = 0;
                            break;
                        }
                    }
                    return $("<div class='row' />").append(
                        $("<b class='col-sm-9' />").text(options.displayValue),
                        $("<div class='col-sm-2 text-center pl-0' />").append(
                            $("<div>").dxCheckBox({
                                value: value,
                                onValueChanged: function (data) {
                                    if (data.value) {
                                        for (const key in options.data.items) {
                                            options.data.items[key].isPermission = "1";
                                        }
                                    } else {
                                        for (const key in options.data.items) {
                                            options.data.items[key].isPermission = "0";
                                        }
                                    }
                                    dx_gridGroup.option("dataSource", permissions);
                                },
                            })
                        )
                    );
                }