Ag grid ag网格表的选择复选框

Ag grid ag网格表的选择复选框,ag-grid,Ag Grid,我希望ag grid的选择复选框具有以下选项: 但是没有看到左边的复选框。你知道还有什么需要设置才能使选择复选框工作吗 self.appliancesInGroupGridOpts = { angularCompileRows: true, enableColResize : true, rowData: null, checkboxSelection: true, enableSorting: true,

我希望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
          } 
        ] ,
self.appliancesInGroupGridOpts={
angularCompileRows:没错,
enableColResize:true,
rowData:null,
复选框选择:true,
enableSorting:true,
columnDefs:[
{
valueGetter:'data.name',
headerName:$filter('translate')('APPLIANCE.NAME'),
suppressSizeToFit:正确,
模板:{{data.name}},
复选框选择:true,
宽度:200
} ,
{
valueGetter:'data.updated',
headerName:$filter('translate')('APPLIANCE\u GROUP.PUBLISH.MODIFICATION\u TIME'),
suppressSizeToFit:正确,
模板:“{data.updated}}”,
复选框选择:true,
宽度:200
} 
] ,

复选框选择可在两个位置使用:

  • 行选择
  • 分组选择
要包含列的复选框选择,请设置属性

columnDefs: [{
    valueGetter: 'data.name',
    headerName: $filter('translate')('APPLIANCE.NAME'),
    suppressSizeToFit : true,
    template: '<span class="appliance-name">{{data.name}}</span>',
    width: 200,   
    checkboxSelection: true
    ...
有关组渲染器的详细信息,请参见分组部分

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

groupSelectsChildren: {true || false}
  • 当设置为
    false
    时,选择组将选择组节点

  • 当设置为
    true
    时,选择组将选择或取消选择所有子项

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

该示例还显示了“年龄”列上的选择复选框。实际上,有两个以上的列可供选择是不正常的,以下仅用于演示。在非分组行中有复选框最适合不使用分组的网格

此外:您可以将其添加到列定义中 复选框选择:


设置为
true
以在列中显示选择复选框。

如果说einav为true,我认为他忘记了最基本的内容:

如果要启用选择,请在gridOptions上设置属性rowSelection:“single”或rowSelection:“multiple”。)

属性checkboxSelection仅适用于列,不适用于网格选项

以下属性与选择相关:

行选择:行选择的类型,设置为“单个”或“多个”以启用选择。 行取消选择:设置为true或false。如果为true,则按住ctrl键并单击该行时,将取消选择行。网格的正常行为不允许取消选择节点(即,一旦选择了一个节点,它将保持选中状态,直到在其所在位置选择了另一行)。 suppressRowClickSelection:如果为true,则单击时不会选择行。例如,当您需要复选框选择,并且不希望在单击行时也选择行时,请使用

来自Einav提供的相同链接

groupSelectsChildren: {true || false}