单击按钮清除选择框

Question

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

[HTML]

     <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 参数是事件对象的发射副本，因此它没有对原始事件的引用，因此更改它没有任何效果。

如果您想清除您的选择，您必须清除您的数据源。