Question

我正在使用primeng进行角度应用。选择一个选项后，我需要停止隐藏菜单下拉菜单的选项！

<p-menu onchange="onSelected" [showTransitionOptions]="'0ms'" [hideTransitionOptions]="" #menu [popup]="true" 
[model]="items"></p-menu>
        <button type="button" pButton icon="fa fa-fw fa-list" label="Sort" 
(click)="menu.toggle($event)"></button>


  onSortingSelected() {
  event.stopPropagation();
}

该如何解决？我需要一次单击多个选择选项而不隐藏选项列表！

Answer 1

这是PrimaNG代码

    itemClick(event, item: MenuItem) {
        if (item.disabled) {
            event.preventDefault();
            return;
        }

        if (!item.url) {
            event.preventDefault();
        }

        if (item.command) {
            item.command({
                originalEvent: event,
                item: item
            });
        }

        if (this.popup) {
            this.hide();
        }
    }

看起来没有办法改变这种行为。

一种可能的解决方案是编写从PrimeNG继承的组件，并覆盖itemClick实现

我从没尝试过，但是....这可能article有帮助

选择后如何禁用，隐藏来自dopdown的选项

1 个答案: