ag-grid - ag-grid 表的选择复选框

Question

我想使用以下选项为 ag-grid 选择复选框:
但是没有看到左边的复选框。知道还需要什么设置才能使选择复选框起作用。

self.appliancesInGroupGridOpts = {
        angularCompileRows: true,
        enableColResize : true,
        rowData: null,
        checkboxSelection: true,
        enableSorting: true,
        columnDefs: [
          {
            valueGetter: 'data.name',
            headerName: $filter('translate')('APPLIANCE.NAME'),
            suppressSizeToFit : true,
            template: '<span class="appliance-name">{{data.name}}</span>',
            checkboxSelection: true,
            width: 200
          } ,
           {
            valueGetter: 'data.updated',
            headerName: $filter('translate')('APPLIANCE_GROUP.PUBLISH.MODIFICATION_TIME'),
            suppressSizeToFit : true,
            template: '<span class="appliance-updated">{{data.updated}}</span>',
            checkboxSelection: true,
            width: 200
          } 
        ] ,

Answer 1

http://www.ag-grid.com/angular-grid-selection/index.php

复选框选择 可以用在两个地方:

行选择

组选择。

要包括列的复选框选择，请设置属性

columnDefs: [{
    valueGetter: 'data.name',
    headerName: $filter('translate')('APPLIANCE.NAME'),
    suppressSizeToFit : true,
    template: '<span class="appliance-name">{{data.name}}</span>',
    width: 200,   
    checkboxSelection: true
    ...

关于列定义。

您可以根据需要在任意多的列上设置此属性，但是，将它放在表中的多个列中是没有意义的。

要为组启用复选框选择，请设置属性:

groupColumnDef: {
    headerName: "Athlete", 
    field: "athlete", 
    width: 200,
    cellRenderer: {
        renderer: "group",
        checkbox: true
    }
}

对于组渲染器。有关组渲染器的详细信息，请参阅分组部分。

选择组可以具有选择组行或选择组中所有子项的效果。这是通过设置属性来完成的:

groupSelectsChildren: {true || false}

设置为 false 时，然后选择组将选择组节点。

设置为 true 时，然后选择该组将选择或取消选择所有子项。

下面的示例显示了带有组的复选框选择。选择组具有选择 child 的效果。同样，选择所有子项会自动选择该组。在这种情况下，组本身永远不会出现在 selectedRows 列表中。

该示例还显示了一个用于选择年龄列的复选框。在实际操作中，选择多于两列是不正常的，以下仅作示范。在非分组行中有一个复选框最适合不使用分组的网格。

另外 :你可以在 col 定义中添加这个
复选框选择:

设置为 true呈现列中的选择复选框。