【问题标题】:How to disable primeng p-table selectionmode?如何禁用primeng p-table选择模式?
【发布时间】: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>

【问题讨论】:

    标签: angular primeng


    【解决方案1】:

    我修好了。我只是将选择模式从多个更改为无。

    【讨论】:

      猜你喜欢
      • 2019-04-17
      • 2018-09-15
      • 1970-01-01
      • 1970-01-01
      • 2018-12-07
      • 2022-01-23
      • 2020-11-09
      • 1970-01-01
      • 2019-05-02
      相关资源
      最近更新 更多