Question

我已经使用ag-grid构建了一个网格，我想根据从A列的下拉列表中选择的值来更新B列中的值。

A列称为：概率

这是它在test-component.component.ts中的定义：

 {
          headerName: 'Probabilité',
          headerToolName: 'Consultez les échelles',
          field: 'pbt',
          editable: true,
          cellRenderer: 'dropDownCellRendererComponent'
        }

这是其自定义的cellRender dropDownCellRendererComponent定义：

drop-down-cell-renderer.component.ts：

export class DropDownCellRendererComponent implements OnInit {
  constructor() {}
  ngOnInit() {}
  params: any;
  agInit(params: any): void {
    this.params = params;
  }
  probabilite=0;
  //Method to retrieve the number of the chosen option
  public RetriveProbabilite(t) {
    if (t.value === '1- Très improbable') {
      this.probabilite=1;
    } else if (t.value === '2- Peu probable') {
      this.probabilite=2;
    } else if (t.value === '3- Possible') {
      this.probabilite=3;
     } else if (t.value === '4- Probable') {
      this.probabilite=4;
    }
  }
  // Method to send the chosen option to column B
  public SendProbabiliteToAnalyseRisk(){
    return this.probabilite
  }
}

drop-down-cell-renderer.component.html：

<hr>
<select class="form-control"  (change)=" RetriveProbabilite($event.target);">
  <option id="1">1- Très improbable</option>
  <option id="2">2- Peu probable</option>
  <option id="3">3- Possible</option>
  <option id="4">4- Probable</option>
</select>
<hr>
<test-component-cmp [proba]="SendProbabiliteToAnalyseRisk()"></test-component-cmp>

最后一行是将test-component.component.ts中定义的proba属性绑定到SendProbabiliteToAnalyseRisk（）返回的值。即：发送在A列中选择的proba值，以在B列中显示。

即：在test-component.component.ts
中

//Input makes this property bindable
   @Input()proba;

B列称为：冒犯性暴力

这是它在test-component.component.ts中的定义：

{
          headerName: 'Risque brut',
          headerToolName:
            'Evaluation du risque brut, sans compter vos, éventuelles solutions de mitigation déja mise en place pour diminuer le risque',
          field: 'rskBrt',
        }

所以最后，这就是我想要的：
显示

proba值

由用户选择

A栏：概率

在：

B栏：Risque Brut

这是我的问题：
1 /当我在自定义单元格渲染器中添加以下行时，为什么应用程序崩溃：

<test-component-cmp [proba]="SendProbabiliteToAnalyseRisk()"></test-component-cmp>

2 /用户选择后如何在B列中显示proba值？
感谢您的宝贵时间。

根据a-grid中B列的单元格值更改A列的单元格值

0 个答案: