单击PrimeNG中的multiselect下拉列表中的字段来禁用multiselect的下拉关闭

问题描述

我正在处理使用PrimeNG multiselect的要求.该多选项目具有复选框，后跟一些文本和徽标.单击徽标后，我会在弹出窗口中显示一些数据.单击弹出按钮后，背景多重选择将关闭，其中我需要在单击徽标时禁用弹出窗口的关闭.Heere是供参考的stackblitz示例:

第2步:点击确定的弹出窗口

第3步:多选Dropdwon关闭

解决方案

添加 StackBlitz 解决方案.

---

使用 onPanelHide eventEmitter实现此功能，该事件调用 checkState ，在那里我使用
this.multiInput.show(); 保持面板打开
如果打开了弹出窗口.

I am working on a requirement in which I am using PrimeNG multiselect. This multiselect has checkboxes followed by some text and logo. On click of logo I am displaying some data in popup. On click of the ok button of popup the background multiselect closes, where in I need to disable closing of popup on click of logo.Heere is the stackblitz example for reference: Stackblitz Demo click here.

Step 1: Open mutiselect and click on logo

Step 2: Click ok of popup

Step 3: Multiselect Dropdwon closes

解决方案

Adding StackBlitz Solution.

---

Achieved this using onPanelHide eventEmitter which calls checkState there I am keeping panel opened with
this.multiInput.show();
If popup is opened.

这篇关于单击PrimeNG中的multiselect下拉列表中的字段来禁用multiselect的下拉关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！