如何解决我想根据另一个单元格 ag grid angular 7 中的值清空单元格
我想根据另一个单元格中的值清空一个单元格。两个单元格都是自定义渲染组件 即。
**comp1**
<div class="form-group input-group-sm">
<input
autocomplete="off"
class="form-control"
[(ngModel)]="value"
name="value"
type="number"
(ngModelChange)="updateMyData($event)"
[disabled]="disableDrpdwn()"
onkeypress="return (event.charCode >= 48 && event.charCode <= 57)"
onkeydown="return (event.keyCode!=13);"
(input)="onlyNumbers($event)"
/>
</div>
....
agInit(params: any): void {
this.params = params;
this.value = this.params.value;
}
disableDrpdwn() {
return this.params.data.amortizationPeriod === null || this.params.data.amortizationPeriod === 0;
}
updateMyData(data) {
this.params.data.amortizationPeriod = data;
if (this.params.data.amortizationPeriod === null || +this.params.data.amortizationPeriod === 0 ) {
this.params.data.amortizationMethod = null;
}
}
**comp2**
<div class="form-group input-group-sm dropdownSel">
<select #input [(ngModel)]="value" (ngModelChange)="updateMyData($event)" [disabled]= "disableDrpdwn()" class="form-control">
<option *ngFor="let item of dropdownnonInVal" [value]="item.name">{{ item.name}}</option>
</select>
</div>
....
agInit(params: any): void {
this.params = params;
this.value = this.params.value;
this.dropdownnonInVal = [{
name: 'Select',value: ''
},{
name: 'Yield Based',value: 1
},{
name: 'Price Based',value: 2
}
];
}
updateMyData(data) {
this.params.data.amortizationMethod = data;
}
这里 comp2 依赖于 comp1。因此,如果我将 comp1 单元格的值更改为 0,则 comp2 单元格中的值应该为空。即下拉菜单应该在 UI 上重置为空白。我该怎么做? Ngmodelchange 没有任何好处。但禁用工作正常。当 comp1 单元格为 0 但值未变为空白时,comp2 单元格被禁用。需要帮助。
解决方法
我在 ag-grid 中遇到了同样的问题。我想 AG Grid 没有提供这样的功能,但显然有一个解决方法。您只需要清空源(您要在图像链接中的 this.cellRenderer 中清空的单元格),从中填充 cellEditorParams 中的数据(您正在更改值的单元格,如图像链接中的 this.cellEditorParams ) .然后将您的逻辑放在 cellRenderer(您要清空的单元格,如图像链接中的 this.cellRenderer 中)作为回调函数。 image description here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。