У меня очень простая сетка, как вы видите: ![enter image description here](https://i.stack.imgur.com/UGJEj.png)
Это ее HTML-код:
<ag-grid-angular
style="width: 500px; height: 500px;"
class="ag-theme-balham"
[enableSorting]="true"
[enableFilter]="true"
[pagination]="true"
[rowData]="getRowData()"
[columnDefs]="columnDefs"
[frameworkComponents]="frameworkComponents"
>
</ag-grid-angular>
Это соответствующий код машинописи:
columnDefs = [
{
headerName: "Probabilité",
headerToolName: "Consultez les échelles",
cellRenderer: 'dropDownCellRendererComponent'
},
{
headerName: "RiskBrut",
headerToolName: "Consultez les échelles",
field: "RskBrt",
}
];
rowData = [{}];
frameworkComponents = {
dropDownCellRendererComponent: DropDownCellRendererComponent
};
public getRowData() {
var rowData = [];
for (var i = 0; i < 1; i++) {
rowData.push({RskBrt: 'Risk1' });
rowData.push({RskBrt: 'Risk2'});
rowData.push({RskBrt: 'Risk3'});
rowData.push({RskBrt: 'Risk4'});
}
//THis makes the dropDown list stop working
return rowData;
}
В первом столбце есть пользовательское средство визуализации ячеек, определенное в другом компоненте:
<select class="form-control">
<br>
<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>
Моя проблема заключается в том, что при добавлении метода, заполняющего второй столбец:
public getRowData() {
var rowData = [];
for (var i = 0; i < 1; i++) {
rowData.push({RskBrt: 'Risk1' });
rowData.push({RskBrt: 'Risk2'});
rowData.push({RskBrt: 'Risk3'});
rowData.push({RskBrt: 'Risk4'});
}
//THis makes the dropDown list stop working
return rowData;
}
DropList в первом столбце перестает работать.То есть: он не открывается.
Я действительно не понимаю, почему это происходит.
Почему заполнение второго столбца приводит к тому, что список dropDown перестает нормально работать в первом столбце.
Любая помощь?