用一个按钮清除多选(角度原件涡轮增压) [英] Clear multi-select with a button (angular primeng turbotable)

问题描述

是否可以使用一个按钮远程清除多选(或多选)？我正在对turbo表使用Primeng多选

我已经看过此问题几次，但没有选择答案。

下面是我的多选：

<span *ngIf="col.field == 'Product'">
  <p-multiSelect [options]="getUniques(col.field)" 
                 (onChange)="dt.filter($event.value, col.field, 'in')">
  </p-multiSelect>
</span>

这是我的按钮：

<p-button label="Clear All" 
          styleClass="ui-button-primary"
          (click)="onResetAll($event, dt)">
 </p-button>

以下是我尝试重置值但似乎没有重置的方法：

onResetAll(event, dt) {
    dt.filter('', 'Product', 'contains');
}

推荐答案

下面的多选

第一个集视图子选择器#cmp

<p-multiSelect #cmp [options]="cars" appendTo="body"
                 (onChange)="table.filter($event.value, 'brand', 'in')">
  </p-multiSelect>

在组件的声明集后面的代码中

@ViewChildren('cmp') components: QueryList<MultiSelect>;

并更新您的按钮单击事件

onResetAll(event, dt) {
    this.components['_results'].forEach(ds => {
      ds.value = null;
      ds.updateLabel();
    });
    dt.filter('', 'brand', 'contains');
  }

演示here

这篇关于用一个按钮清除多选(角度原件涡轮增压)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！