Временно отключить выбор строк в AG Grid (Angular)

Question

Моя сетка выглядит следующим образом (версия сообщества), что позволяет пользователю выбирать строки (флажок установлен в определении столбца)

    <ag-grid-angular 
        *ngIf='!isLoading && model.length > 0'
        style="height: 70vh;" class="ag-theme-balham"
        [rowData]="model" 
        [animateRows]="true" 
        [gridOptions]="gridOptions" 
        [rowSelection]='rowSelection'
        [enableCellTextSelection]="true" 
        [overlayLoadingTemplate]="overlayLoadingTemplate"
        (cellDoubleClicked)="onCellDoubleClicked($event)"
        (selectionChanged)="onRecordSelected($event)" 
        (firstDataRendered)="onFirstDataRendered($event)"
        (gridReady)="onGridReady($event)">
      </ag-grid-angular>

Одна половина страницы показывает сетку, другая часть - редактирование для для выбранной записи.

Пока форма сохраняется, я бы хотел отключить выделение в сетке. Это возможно? (может я дурак, но никак не мог придумать способ)

Answer 1

AG Grid документация указывает, что для выбора по щелчку строки (например, с помощью выбора флажка) вы можете установить suppressRowClickSelection на true, чтобы отключить выбор.

Можно удерживать логическое значение в свойстве компонента - например. suppressRowClick и установите suppressRowClickSelection в шаблоне равным suppressRowClick.

Вы можете обновить suppressRowClick в компоненте с помощью метода, подходящего для вашего проекта:

1. @ Input () из родительского компонента, или
2. Создайте службу для управления suppressRowClick и обновления из родственного компонента, или
3. Используйте структуру управления состоянием, такую ​​как NgRX или Akita (излишество, если вы уже не используете )