primeng multiselection mode : how to apply condition to disable checkbox based on condition

Question

<p-column header="Actions" selectionMode="multiple" [style]="{'width':'40px'}" ></p-column>

I have added above line which causes multiselection mode on in my priming datatable. but I want to disable certain checkboxes depend on condition. How to handle this? I tried same using [rowstyleclass] but it has performance issue since it get called evereytime I hover mouse on particular row. Any solution?

score 2 · Answer 1 · answered Jun 29 '17 at 06:49

2

You can use templating to achieve that. Just disable the checkboxes based on your condition in the template, and you should be good to go.

answered Jun 29 '17 at 06:49

I tried to achieve using template but its not working – user19041992 Jun 29 '17 at 07:18
That's the only solution, and I made it work in one of my projects, so you could do it too ! – Jun 29 '17 at 07:19
No sorry, it's an old project, but I remember just using a `*ngIf="myCondition"` to hide it – Jun 29 '17 at 07:25

score 2 · Answer 2 · answered Jun 30 '17 at 10:13

You can Use column template to achieve this. here is sample code.

Here all even number rows are disabled with logic - [disabled]="item.Id%2 == 0" , You can put your required logic in place.

your.component.html

<p-dataTable #dt [value]="persons">
 <p-column field="" header="Select" [style]="{'width':'60px', 'align-items':'center'}">
   <ng-template let-col let-item="rowData" pTemplate="body">
      <p-checkbox [disabled]="item.Id%2 == 0" 
                  [style]="{'align':'center'}" 
                  name="persongroup" 
                  [value]="item" 
                  [(ngModel)]="selectedPersons">
      </p-checkbox>
   </ng-template>
 </p-column>
 <p-column field="Id" header="Id"></p-column>
 <p-column field="Name" header="Name"></p-column>
</p-datatable>

your.component.ts

persons : Person[] = [
                        {'Id' : 1, 'Name' :     'person1'},
                        {'Id' : 2, 'Name' :     'person2'}
                     ];
selectedPersons : Person[]=[];

For Others Don't forget to add the CheckBoxModule in app.module NgModule imports. — zulu, Feb 13 '18 at 15:52

primeng multiselection mode : how to apply condition to disable checkbox based on condition

2 Answers2