ag-grid表的选择复选框

时间:2015-10-21 23:18:34

标签: ag-grid

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

import static java.lang.Math.*;
public class Quadratic
{
 private double a,b,c;
  public Quadratic(double aa, double bb, double cc)
  {
    a=aa;
    b=bb;
    c=cc;
}
public boolean hasSolutions ()
  double calcDisc = Math.pow((b,2)-(4*a*c));
  if (CalcDisc < 0)
  {
    return false;
  }
  else
  {
    return true;
  }
}
}

2 个答案:

答案 0 :(得分:10)

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以在列中呈现选择复选框。

答案 1 :(得分:1)

什么说einav是真的,但我认为他忘记了基础:

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

属性checkboxSelection仅适用于不是网格选项的列。

  

以下属性与选择相关:

     

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

来自Einav给出的相同链接