我正在使用带有角度6的ag网格社区版本。我有一个字符(Y / N)作为json响应中的一个属性。我能够在UI中显示选中的值
cellRenderer: params => {
return `<input type='checkbox' ${params.value == 'Y' ? 'checked' : ''} />`;
}
当我更改UI中的值时,rowData没有得到更新。我试图(改变)=“onChange($ event)”但似乎没有用。我是否需要编写自定义单元格渲染并调用一些ag网格api来注册更改?
任何代码示例都将非常感激。
谢谢
这对我有用
import {Component} from "@angular/core";
import {ICellRendererAngularComp} from "ag-grid-angular";
@Component({
selector: 'checkbox-cell',
template: `<input type='checkbox' [checked]="params.value == 'Y' ? true : false" (click)="checkedVal()">`
})
export class CheckboxComponentRenderer implements ICellRendererAngularComp {
public params: any;
agInit(params: any): void {
this.params = params;
}
public checkedVal() {
console.log(this.params.node.data);
this.params.value = this.params.value == 'Y' ? 'N' : 'Y';
this.params.node.data.valid = this.params.value;
console.log('checkVal - ' + this.params.value);
}
refresh(): boolean {
console.log('in refresh');
return false;
}
}