我想让 ag-grid 单元格在复选框的单击事件上可编辑

Question

如果我在定义网格时将 editable 属性设置为 true，则它已启用，但如果我在复选框的单击事件上将其设置为 true，它的值就会发生变化，但我无法编辑单元格。该怎么办？ HTML部分

<ag-grid-angular #agGrid 
        [enableSorting]="true" 
        [rowSelection]="genericComponent.multipleRowSelection" 
        class="ag-theme-blue ag-grid-md-1"
        [gridOptions]="gridOptionsAlert" 
        (rowSelected)="onRowSelection($event)"
        [suppressClickEdit]="true"
        [stopEditingWhenGridLosesFocus]="true"
        [suppressRowClickSelection]="true" 
        (gridReady)="onGridReadyGroup($event)" 
        [components]="components"></ag-grid-angular>  `enter code here`

TS部分

{ headerName: 'New Value', field: 'NewValue', filter: 'agNumberColumnFilter',cellStyle:{ 'text-align': "right" }, width: 122 ,editable:false}








onRowSelection(event){

this.colDef[8].editable = true }

Answer 1

您可以使用 function 进行属性定义：

editable: (params)=>{
    let result = (Math.random()>0.5)? 1 : 0;// random true/false condition
    return result;
}

或

editable: this.checkEditable.bind(this)

checkEditable(params){
    ....
}

我想让 ag-grid 单元格在复选框的单击事件上可编辑

I want to make ag-grid cell editable on click event of checkbox

ag-grid

angular6