Files
psp_panel/src/app/demo/view/treedemo.component.html
T

35 lines
1.0 KiB
HTML
Raw Normal View History

2021-12-09 17:24:42 +03:00
<div class="grid">
<div class="col-12">
<div class="card">
<h4>Tree</h4>
<p-tree [value]="files1" selectionMode="checkbox" [(selection)]="selectedFiles1"></p-tree>
</div>
</div>
<div class="col-12">
<div class="card">
<h4>TreeTable</h4>
<p-treeTable [value]="files2" [columns]="cols" selectionMode="checkbox" [(selection)]="selectedFiles2">
2021-12-24 16:53:04 +03:00
<ng-template pTemplate="caption">
FileSystem
</ng-template>
2021-12-09 17:24:42 +03:00
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns">
{{col.header}}
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
<tr>
<td *ngFor="let col of columns; let i = index">
<p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
<p-treeTableCheckbox [value]="rowNode" *ngIf="i == 0"></p-treeTableCheckbox>
{{rowData[col.field]}}
</td>
</tr>
</ng-template>
</p-treeTable>
</div>
</div>
</div>