checkbox for ag-grid table

Question

Я хочу установить флажок для ag-сетки с опцией ниже: Но не видел флажок слева. Подумайте, какие еще должны быть настройки, чтобы сделать флажок выбора.

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.

В примере также показан флажок для выбора в столбце возраста. На практике для выбора не более двух столбцов, ниже для демонстрации. Наличие флажка внутри строки негруппы лучше всего для сеток, которые не используют группировку.

В дополнение: Вы можете добавить это на определение цв checkboxSelection:

Набор для true для визуализации выбора флажка в столбце.

Answer 2

Что сказать Эйнава правда, однако, я думаю, что он забыл самое базу:

установить свойство rowSelection: «одного» или rowSelection: «множественный» на gridOptions, если вы хотите быть включен выбор :)

Атрибут checkboxSelection предназначен только для столбцов, а не для параметров сетки.

Следующие свойства имеют отношение к выбору:

rowSelection: Тип выбора строки, либо установлен в «сингл» или «кратно», чтобы разрешить выбор. rowDeselection: Установите значение true или false. Если true, то строки будут отменены, если вы удерживаете Ctrl + щелчок по строке. Нормальное поведение с сеткой запрещает отмену выбора узлов (т. Е. Как только узел выбран, он остается выбранным до тех пор, пока в нем не будет выбрана другая строка). suppressRowClickSelection: Если true, строки не будут выбраны при нажатии. Используйте, например, когда вы хотите выбрать флажок, и не хотите также выбирать, когда щелкнет строка.

С той же ссылкой, предоставленной Einav