Fix tree demos

This commit is contained in:
Çetin
2025-01-06 15:57:23 +03:00
parent af661fce3a
commit 710b185405

View File

@@ -17,25 +17,21 @@ import { NodeService } from '@/src/service/node.service';
<div class="card"> <div class="card">
<div class="font-semibold text-xl mb-4">TreeTable</div> <div class="font-semibold text-xl mb-4">TreeTable</div>
<p-treetable [value]="treeTableValue" [columns]="cols" selectionMode="checkbox" [(selection)]="selectedTreeTableValue"> <p-treetable [value]="treeTableValue" [columns]="cols" selectionMode="checkbox" [(selectionKeys)]="selectedTreeTableValue" dataKey="key" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
<ng-template #header let-columns> <ng-template #header let-columns>
<tr> <tr>
@for(col of columns; track col.header){ <th *ngFor="let col of columns">
<th> {{ col.header }}
{{ col.header }} </th>
</th>
}
</tr> </tr>
</ng-template> </ng-template>
<ng-template #body let-rowNode let-rowData="rowData" let-columns="columns"> <ng-template #body let-rowNode let-rowData="rowData" let-columns="columns">
<tr> <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
@for(col of columns; track col.field; let i = $index){ <td *ngFor="let col of columns; let i = index">
<td> <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
<p-treetabletoggler [rowNode]="rowNode" *ngIf="i === 0"></p-treetabletoggler> <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
<p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0"></p-treeTableCheckbox> <span class="ml-2">{{ rowData[col.field] }}</span>
{{ rowData[col.field] }} </td>
</td>
}
</tr> </tr>
</ng-template> </ng-template>
</p-treetable> </p-treetable>
@@ -50,7 +46,7 @@ export class TreeDoc implements OnInit {
selectedTreeValue: TreeNode[] = []; selectedTreeValue: TreeNode[] = [];
selectedTreeTableValue: TreeNode[] = []; selectedTreeTableValue: any[] = [];
cols: any[] = []; cols: any[] = [];