【发布时间】:2020-07-25 01:22:05
【问题描述】:
我正在使用 angular primeng <p-table>(共享组件)并将我的 [selectionMode] 设置为 multiselect。
现在我只能通过单击行来检查复选框,只有我希望能够通过单击复选框本身来检查复选框。
有没有办法为我的data-table 禁用multiselect selectionmode,以便我可以通过单击框本身而不是行来选中复选框?我无法从 p 表中删除 selectionmode,因为它正在多个地方使用。
这是我的 p-table,它是一个共享组件。
<p-table #table [value]="data" [columns]="columns" [scrollable]="true" scrollHeight="420px" [(selection)]="selections"
[selectionMode]="multiselect ? 'multiple' : 'single'" (onRowSelect)="onSelect($event)"
(onRowUnselect)="onUnselect($event)" [sortField]="sortField" (onSort)="onSort($event)" [paginator]="paged"
[rows]="pageSize" [rowsPerPageOptions]="ROWCOUNT_OPTIONS" [currentPageReportTemplate]="PAGE_REPORT"
[showCurrentPageReport]="showCurrentPageReport" (onLazyLoad)="onLazyLoad($event)" (onPage)="onPageChange($event)"
[lazy]="lazy" [lazyLoadOnInit]="lazyLoadOnInit" [loading]="loading" [totalRecords]="totalRecords"
paginatorDropdownAppendTo="body" compareSelectionBy="equals" [class]="isEmpty ? 'h-scrollable' : ''"
[resizableColumns]="true" columnResizeMode="expand">
这是我的 html 用法:
<data-table #productTable [columns]="columns" [data]="data" [loading]="loading" [multiselect]="true" selectionmode = ""
defaultSortField="necLec">
</data-table>
【问题讨论】: