如何根据条件禁用p-treeTable行的复选框/选择

时间:2017-12-22 03:37:12

标签: angular primeng

我需要根据条件禁用PrimeNG的TreeTable中的行/复选框选择。一旦选择了行并执行了某些操作,则不允许选择相同的行。选择模式是Checkbox。

我正在使用PrimeNG 5和Angular 5。

更新

根据suggestion使用模板复选框获得我需要的功能。不使用默认选择/复选框选项。

这是plunker

<p-treeTable [value]="treedata" >
  <p-header>
  <input  type="checkbox" (click)="toggleNode()" />Toggle Expand
  <span *ngIf="isSelected"><input type="checkbox" [(ngModel)]="isSelect" (click)="selectAll()" />Select All</span>
  <span *ngIf="isUnSelect" ><input type="checkbox" [(ngModel)]="isUnSelect" (click)="unSelectAll()" />UnSelect All</span>
  </p-header>
  <p-column> 
  <ng-template let-row="rowData" let-i="rowIndex" pTemplate=body>
  <input *ngIf="row.data.type!='Folder'" type="checkbox" (click)="selectNode(row.data)" name="Select{{i}}" [(ngModel)]="row.data.selectable" [disabled]="row.data.type=='Folder'" />
  </ng-template>
  </p-column>
  <p-column field="name" header="Name"></p-column>
  <p-column field="size" header="Size"></p-column>
  <p-column field="type" header="Type"></p-column>

  </p-treeTable>

http://plnkr.co/edit/umavnDBAzAleq8XIgiTO?p=preview

0 个答案:

没有答案