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,选择该组将选择或取消选择所有子项.

以下示例显示了使用组的复选框选择.选择组具有选择孩子的效果.同样,选择所有孩子会自动选择该组.在这种情况下,组本身永远不会出现在selectedRows列表中.

该示例还显示了一个用于选择年龄列的复选框.在实践中,选择两列以上是不正常的,下面仅用于演示.在非组行中使用复选框最适合未使用分组的网格.

另外:您可以在col定义checkboxSelection上添加:

设置为true在列中呈现选择复选框.