首页 > 解决方案 > 如何禁用 p-checkbox 使焦点跳转到屏幕以使 p-checkbox 居中?

问题描述

我在表格中有 p-checkbox 组件,并希望禁用组件在单击时获得焦点并将视图居中。

这是在我的 html 中:

<p-checkbox
    name="select-{{rowIndex}}"
    [(ngModel)]="quotationLine['selectedForDeletion']"
    binary="true" (focus)="onFocus($event)"
    (onChange)="onSelectedForDeletion(quotationLine, $event)">
</p-checkbox>

这在我的 ts 中:

onFocus($event: FocusEvent) {
        window.scrollBy(0, 0);
    }

但它似乎并没有禁用复选框接收中心。

标签: javascriptangularprimeng

解决方案


无法让该组件不消耗焦点并破坏视图,因此使用了普通的 HTML5 复选框,并且在可滚动表格中使用时它可以完美地工作。


推荐阅读