Как включить / отключить кнопку, когда я выбираю строку в datatable, используя primeng - PullRequest
Новая
       12

Как включить / отключить кнопку, когда я выбираю строку в datatable, используя primeng

0 голосов
/ 11 июня 2018 

<p-header>
    <div class="ui-helper-clearfix">
        List of Impound Vehicle
        <button pButton type="button" (click)="showDialog(0)" style="float: right" icon="fa-save" class="ui-button-primary" label="Release"></button>

    </div>
</p-header>

<p-column field="empAddress" header="Address" [style]="{'width':'150px'}" [sortable]="true" [filter]="checked" filterPlaceholder=""></p-column>
<p-column field="empGender" header="Gender" [style]="{'width':'100px'}"></p-column>


<p-column header="Action" [style]="{'width':'100px'}">
    <ng-template let-viotor="rowData" pTemplate="body">
        <button pButton type="button" icon="fa-list-ul" class="ui-button-success"></button>
        <button pButton type="button" icon="fa-trash-o" class="ui-button-danger"></button>
    </ng-template>
</p-column>
<ng-template pTemplate="paginatorLeft">
    There are {{impoundList?.length}} impoundList recorded.
</ng-template>

Могу ли я включить / отключить кнопку освобождения, когда щелкаю строку в таблице данных ... Так может кто-нибудь помочь решить эту проблему?

1 Ответ

0 голосов
/ 11 июня 2018

Назначить отключенное свойство кнопке 

<button pButton type="button" [disabled]="isButtonDisabled"(click)="showDialog(0)" style="float: right" icon="fa-save" class="ui-button-primary" label="Release"></button>

Назначить событие щелчка столбцам, вызвать функцию и изменить флаг включения / выключения кнопки.Я не использовал данные, но для турбо-таблицы это один из подходов.

Например: 

<tr>
          <td *ngFor="let col of columns" [pSortableColumn]="true" (click)="changeButtonStatus();">
...
          </td>
<tr>

В компоненте 

isButtonDisabled:boolean=true;

function changeButtonStatus(){
this.isButtonDisabled= true/false ( based on your logic).
}
...