微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我想根据另一个单元格 ag grid angular 7 中的值清空单元格

如何解决我想根据另一个单元格 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 举报,一经查实,本站将立刻删除。