问题标签 [primeng-dropdowns]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1065 浏览

angular - NG Prime p-multiSelect 禁用选项不起作用

我正在使用 primeNG v7.0.3 我对 multiSelect 有一个问题,即可以禁用基于 SelectItem 界面的选项。

禁用的 CLINICUSER 仍然可以选择。为什么这仍然可以选择?

roleOptions 初始化为roleOptions: SelectItem[]

0 投票
1 回答
1707 浏览

primeng - Primeng multiSelect 过滤器文本需要在“onPanelHide”事件上清除

Primeng multiSelect 过滤器文本需要在“onPanelHide”事件上清除

0 投票
0 回答
118 浏览

angular - PrimeNg P-dropdown 获取和设置值详细信息?

1.我需要一个说明,当我选择值时我的JSON值没有设置相应的选择。

2. [optionLabel] & optionLabel 的绑定有疑问吗?

https://stackblitz.com/edit/angular-ljsuim?file=src%2Fapp%2Fapp.component.html

0 投票
1 回答
257 浏览

angular - Angular 4 - 不要为下拉列表中的特定选项更新 ngModel

我正在使用 PrimeNG 来呈现我的动态下拉选项。根据选项值,我不希望我的 ngModel 被更新。

假设我的选项是一个对象,例如 dropdownObject.canUpdateModel = true,那么我希望更新我的 ngModel,如果不是,则不应更新 ngModel。有人可以帮我解决这个问题。

0 投票
0 回答
806 浏览

javascript - 当我单击 p-autocomplete (prime-ng) 中的下拉按钮时,会有微调器出现

我有一个下拉菜单,我在单击下拉按钮时使用了primeng p-autocomplete,它工作正常,当我第二次单击时,微调器来了,没有任何反应。也没有控制台错误。

我检查了许多网站,但没有找到任何答案。我尝试从多种方式实现,但它给了我同样的错误。

如果我只点击一次或者我输入了一些东西,它就会给我正确的输出,但是当我在下拉按钮微调器上点击两次时,这个代码我就可以工作了,但什么也没有发生。

这是我的下拉框:

在此处输入图像描述

在此处输入图像描述

这是当我单击下拉按钮两次时,一个微调器来了,它开始旋转:

在此处输入图像描述

0 投票
1 回答
5494 浏览

angular6 - PrimeNg 多选下拉所有复选框行为不一致

html代码:

角组件:

在此处输入图像描述

步骤1。在下拉列表中选择一个项目

在此处输入图像描述

第2步。搜索另一个项目 (chennai) 现在自动选中所有复选框。

在此处输入图像描述

第三步。现在检查项目 (chennai) 所有复选框选择已删除。

我不知道它为什么会这样,任何人都请给出解决方案来解决这个问题。

预先感谢。

0 投票
1 回答
996 浏览

javascript - primeng p-dropdown 未触发 onShow、onHide 事件

我在我的角度应用程序版本 6 中使用primeng 版本 6.1.0。我面临一个问题,我想在关闭 p-dropdown 时触发一个事件,而不是通过选择任何项目,而是通过单击 p-dropdown 列表外部。我已经使用过点击事件,所以我希望在关闭primeng下拉菜单时触发另一个工作和事件。

我已经通过primeng p-dropdown文档尝试了onHide事件

在 html 中:

在组件中:

输出:通过使用 onHide,该控制台消息应显示在控制台上。

0 投票
1 回答
2807 浏览

typescript - PrimeNG Angular 8 p-dropdown selectedItem模板未呈现

下面是我对 PrimeNG p-dropdown 控件的自定义模板设计的标记

In this control the <ng-template let-item pTemplate="item">section is working as expected when the dropdown is listing the items with CSS icons, but when an item been selected, it is not showing in the control, but in the code level the items is selected.

我正在使用如下的自定义 DTO;

我只<ng-template let-item pTemplate="selectedItem">模板有问题,因为我试图item.value直接获取对象item。两者都不适合我。

任何信息都会有所帮助。谢谢!

0 投票
1 回答
1379 浏览

javascript - PrimeNG p-table 可滚动 scrollHeight 最后一行 p-dropdown 向上打开

使用以下配置:

"@angular/cli": "^7.3.9", "primeng": "7.0.5",

我有一个使用 PrimeNG 的页面,该页面设置<p-table>为100%。这张桌子被包裹在一个固定高度为.scrollablescrollHeightdiv300px

创建 Stackblitz:https ://stackblitz.com/edit/angular-ejdubg

每行都有一个p-dropdown. 在打开下拉菜单时的顶行中,它向下打开,这是可以接受的,但是当打开最后一行的下拉菜单时,它也向下打开,但应该向上打开,这是p-dropdown.

任何建议这里可能有什么问题。

0 投票
3 回答
5917 浏览

html - Prime NG:按标签搜索下拉菜单

我无法为使用 prime ng 的 Angular 项目找出解决方案。我正在尝试对下拉值的行进行列搜索。

如果我想查找所有“Jan”值,则找不到数据。但是,如果我搜索“1”,它可以找到所有一月份的值。看起来它搜索值而不是标签。我如何使用标签来搜索它?

这是代码: