2

使用 p-treeTable 我可以根据 selectionMode = "single" 启用所有行的选择。现在我想禁用不打算选择的行的选择。

PrimeNG 7，角度 7。

如果我删除[ttRow]="rowNode" [ttSelectableRow]="rowNode"tr 的正文模板，则所有行都不可选。

<p-treeTable [value]="nodes" [columns]="columns" selectionMode="single" 
[(selection)]="selectedNode" dataKey="id" >

...

   <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
      <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
        <td *ngFor="let col of columns">            
          {{ rowData[col.field] }}
        </td>
      </tr>
    </ng-template>
  </p-treeTable>

现在我需要根据行数据进行检查，例如rowData.selectable', to enable/disable row selection based on the outcome ofrowData.selectable`。任何想法如何实现这一目标？

4

2 回答 2

0

我相信这就是 ttSelectableRowDisabled 的用途。无论如何，它似乎完成了这项工作。

<tr [ttRow]="rowNode" [ttSelectableRow]="rowNode" 
    [ttSelectableRowDisabled]=!rowData.selectable>
    <td *ngFor="let col of columns">            
        {{ rowData[col.field] }}
    </td>
</tr>
于 2021-09-13T14:32:11.690 回答
0

我知道这是一个老问题。但是像这样的东西怎么样：

<tr [ttRow]="rowNode" [ttSelectableRow]="rowNode" *ngIf=rowData.selectable>
    <td *ngFor="let col of columns">            
      {{ rowData[col.field] }}
    </td>
</tr>

<tr [ttRow]="rowNode" *ngIf=!rowData.selectable>
    <td *ngFor="let col of columns">            
      {{ rowData[col.field] }}
    </td>
</tr>
于 2020-01-13T13:27:05.960 回答