Привет, у меня есть требование, что в p-treeTable мне нужно иметь несколько p-treeTableCheckbox, все флажки должны работать по-разному
в этом изображении нам нужно, если я выберу флажок первой строки, должен быть проверен весь столбец, который был корневым, после этого корня у нас есть модуль, поэтому, если я выбираю модуль, все дочерние элементы должны выбирать автоматически, я могу получить данные строк на основе выбор. но не в состоянии проверить. Это была предопределенная функциональность p-treeTableCheckbox.
<select [(ngModel)]="userRolelevelId" (change)="getRolesyuserRolelevelId(userRolelevelId)" >
<option *ngFor="let pow of allUserRoleLevelList" [value]="pow.userRoleLevelId">{{pow.description}}</option>
</select>
</div>
<hr />
<div>
<p-treeTable [value]="gridData" [columns]="cols1" selectionMode="checkbox" [(selection)]="selectedNode">
<ng-template pTemplate="header" let-columns>
<tr>
<th>Entity Name</th>
<th>Screen Name</th>
<th>Field Name</th>
<th>View</th>
<th>Add</th>
<th>Delete</th>
<th>Update</th>
<th>No Access</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowNode1 let-rowNode2 let-rowNode3 let-rowNode4 let-rowData="rowData" let-columns="columns">
<tr>
<td>
<p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
<div *ngIf="rowData.screenName==null || !rowData.screenName ">
{{rowData.entityName}}
</div>
</td>
<td>
<div *ngIf="rowData.fieldName==null || !rowData.fieldName ">
{{rowData.screenName}}
</div>
</td>
<td>{{rowData.fieldName}}</td>
<td>
<input type="checkbox" value="4" [(ngModel)]="rowData.isViewed" (click)="SetViewValue(rowData.isViewed?'A':'B',rowData,'View')" />
<!--<p-treeTableCheckbox [value]="rowNode" (click)="SetViewValue(selectedNode,rowData,'View')"></p-treeTableCheckbox>-->
</td>
<td>
<input type="checkbox" value="4" [(ngModel)]="rowData.isAdd" (click)="SetViewValue(rowData.isAdd?'A':'B',rowData)" />
<!--<p-treeTableCheckbox [value]="rowNode1" (click)="SetViewValue(selectedNode,rowData,'Add')"></p-treeTableCheckbox>-->
</td>
<td>
<input type="checkbox" value="4" [(ngModel)]="rowData.isDelete" (click)="SetViewValue(rowData.isDelete?'A':'B',rowData)" />
<!--<p-treeTableCheckbox [value]="rowNode2" (click)="SetViewValue(selectedNode,rowData,'Delete')"></p-treeTableCheckbox>-->
</td>
<td>
<input type="checkbox" value="4" [(ngModel)]="rowData.isUpdate" (click)="SetViewValue(rowData.isUpdate?'A':'B',rowData)" />
<!--<p-treeTableCheckbox [value]="rowNode3" (click)="SetViewValue(selectedNode,rowData,'Update')"></p-treeTableCheckbox>-->
</td>
<td>
<input type="checkbox" value="4" [(ngModel)]="rowData.isNoAccess" (click)="SetViewValue(rowData,'No Access')" />
<!--<p-treeTableCheckbox [value]="rowNode4" (click)="SetViewValue(selectedNode,rowData,'No Access')"></p-treeTableCheckbox>-->
</td>
</tr>
</ng-template>
</p-treeTable>
<!--<p-tree [value]="gridData" selectionMode="single" [(selection)]="selectedFile"></p-tree>-->
</div>
</div>
Пожалуйста, помогите мне.. Спасибо.