单击按钮时清除选择框

Question

我在我的 Angular 应用程序中使用 Devextreme，并且在组件中有三个 dx-selectbox，我正在尝试在单击按钮时清除所有三个下拉选择，就像清除一样。我没有找到清除或重置选择框的方法

[网页]

<dx-box direction="row" width="90%" style="padding-top: 3vw">  
<dxi-item  [ratio]="1" >  
<dx-select-box [dataSource]="shipToData" (onValueChanged)="onShipToChanged($event)"  [stylingMode]="'underlined'" style="width: 20vw" ></dx-select-box>  
</dxi-item>  
<dxi-item  [ratio]="1" >  
<dx-select-box [dataSource]="poData" (onValueChanged)="onPOChanged($event)"  [stylingMode]="'underlined'" style="width: 20vw"  ></dx-select-box>  
</dxi-item>  
<dxi-item  [ratio]="1">  
<dx-select-box [dataSource]="salesOrderData" (onValueChanged)="onSalesOrderChanged($event)"  [stylingMode]="'underlined'" style="width: 20vw" ></dx-select-box>  
</dxi-item>  
</dx-box>

在我的组件中，我有如下代码

[打字稿]

onShipToChanged(e)  
{  
this.selectedShipTo = e.value;  
.......  
e.value = "";  
}  
onPOChanged(d)  
{  
this.selectedPO = d.value;  
......  
d.value="";  
}  
onSalesOrderChanged(g)  
{  
this.selectedSO = g.value;  
........  
g.value ="";  
}  
clear(){  
debugger;  
this.selectedSO ="";  
this.selectedPO = "";  
this.selectedShipTo = ="";  
}  
onValueChanged(s:any)  
{  
}

Answer 1

单击按钮，调用onClick()并设置，

this.shipToData = [];
this.poData = [];
this.salesOrderData = [];

Answer 2

e 参数是事件对象的发出副本，因此它没有对原始事件的引用，并且由于这种更改，它不起作用。

如果要清除选择，则必须清除数据源。