Очистить мульти-выбор с помощью кнопки (угловой primeng с турбонаддувом) - PullRequest
Новая
       18

Очистить мульти-выбор с помощью кнопки (угловой primeng с турбонаддувом)

0 голосов
/ 14 января 2019

Можно ли удаленно очистить множественный выбор (или множественный выбор) кнопкой? Я использую primeng multi-select с турбо таблицей

Я видел этот вопрос несколько раз, но не с выбранным ответом.

Ниже мой мульти-выбор: 

<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');
}

1 Ответ

0 голосов
/ 14 января 2019

Ниже для мульти-выбора

Детектор выбора первого набора #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');
  }

Демо здесь

...