Как запустить действие выбора строки для кнопки в сетке в таблице данных PrimeNG?

Я использую таблицу данных PrimeNG. У меня есть кнопка «Показать подробности» в таблице, которая предназначена для отображения сведений о строке в контейнере сведений и требует сохранения выбранного/выделенного состояния строки.

В примерах есть только переключатель и флажок, как активировать выбор с помощью кнопки?


person Elaine    schedule 15.02.2017    source источник


Ответы (1)


Я только что понял, что мне лучше ответить на свой вопрос, так как потом я понял это :)

Добавьте триггер клика в html,

(click)='tblShowStatementPayments(dt, $event,item)

"dt" определяется здесь как ссылка на экземпляр <p-dataTable #dt [value]="statements" [responsive]="true" [rows]="5" [paginator]="true" [pageLinks]="5">

  tblShowStatementPayments(dt: any, event: any, stat: any) {
    dt.selectRowWithRadio(event, stat) // here is highlight the row selected

    this.operStatement = stat;
    this.statSvc.getPaymentDetailByStatementId(stat.id).subscribe(res => {
      this.operStatement.paymentDetails = res;
    }, err => {
      this.growlSvc.stickError('Failed', err);
    });
  }
person Elaine    schedule 11.08.2017