问题标签 [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 投票
3 回答
5170 浏览

angular - PrimeNg- 悬停时的 p 下拉工具提示

我的应用程序上有一个p-dropdown组件。它的配置如下:

我需要在Hover阅读PrimeNg文档时显示每个目标的描述,并说tooltip配置可以做到这一点。问题是我什么也没看到:

在此处输入图像描述

我需要看到的是这样的:

在此处输入图像描述

黑色tooltip悬停。

我已经尝试在 上硬编码一些文本,但tooltip仍然没有显示任何内容。

我在这里缺少什么?

0 投票
1 回答
35 浏览

angular - 预选primeng下拉菜单

我有一个值,我需要在开始时将它放在下拉列表中:

在我的 html 中是:

我的问题是,如果我刚刚保存了一个旧值并且我想显示它,但下拉菜单不起作用,因为在开始时它不显示任何内容。任何人都可以帮助我吗?

0 投票
0 回答
165 浏览

angular - Angular PrimeNG如何通过单击输入字段而不是按钮来获取选项列表?

我正在尝试重建下拉列表,但遇到了一些问题。我在我的项目中使用基本下拉菜单,我需要在单击输入字段时查看整个选项列表。我不能使用第二个示例中的箭头图标。我已经尝试使用文档中的以下事件:onDropdownClick、onSelect 和 [dropdown]="true" 但它们不起作用,我不知道为什么。你能给我一些关于如何解决这个问题并在点击时获得选项的建议吗?此致。

这是我使用过的文档

这是stackblitz上的代码

0 投票
1 回答
635 浏览

angular - Primeng 下拉菜单防止覆盖关闭项目选择并更新选项

单击“-更多-”选项后,我正在尝试更新下拉列表中的选项列表。我让它与选项模板和绑定点击事件一起工作,我阻止它停止传播()函数。

但问题是,有时它从第一次加载就可以工作,但通常我在“-More-”选项上单击 3 次,然后它就可以正常工作。我这是一个错误还是我做错了?也许还有另一个更好的解决方案?谢谢

https://stackblitz.com/edit/primeng-dropdown-demo-j6te3c

0 投票
2 回答
4709 浏览

angular - PrimeNG 下拉菜单显示空选项

我的应用程序 UI 基于 PrimeNG,我正在处理动态表单并通过 API 获取表单字段配置。我的 PrimeNG 下拉菜单显示空选项。这是供参考的图像: PrimeNG 下拉菜单的行为

这是 PrimeNG 下拉菜单的代码:

使用 Bootstrap 选择它工作正常,但我想通过 PrimeNG 实现这一点,这是 Bootstrap 选择的代码:

这是我从 API 获得的下拉列表数据: LookupVal: "KK-ID-IDEAS - KARACHI|00001-Karachi|KHI-KARACHI NEW |14121-BDJJSJBSJ"

请帮我寻找出路?

0 投票
1 回答
846 浏览

angular - PrimeNG 多选自动对焦


在 Angular v7 项目中使用 PrimgNG v7.1.3。

在一个简单的组件中实现了多选(https://www.primefaces.org/primeng-7.1.3/#/multiselect)。
需要在页面加载时设置焦点。

以下解决方案适用于下拉但不适用于多选:

在 HTML 中: <p-dropdown #someDropdown></p-dropdown>

在组件中:

但是对于 Multiselect,它会引发错误,即此类方法无效。

尝试了此 SO 链接中提到的“ngIf 中的控制”的第一个答案,仍然没有运气:primeng:将焦点设置在控制上
也检查了 PrimeNG 文档和用户指南,但没有提及聚焦功能。

后来也在下面尝试。都没有奏效。

Stackblitz:https ://stackblitz.com/edit/primeng-multiselect-autofocus

请建议。

任何帮助表示赞赏。

0 投票
1 回答
124 浏览

ios - 使用primeng在iOS中放大错误

嗨,我正在使用 angular 版本 8 的primeng 库。我正在使用 3 个下拉菜单和 1 个日历。并且仅在移动视图上的 iOS 设备上当我从下拉列表中选择一个选项或单击以选择日历上的一天时,它会放大。我使用 chrome、safari 和 firefox 对其进行了测试->所有浏览器上的相同问题

视频链接

有问题的图片

0 投票
1 回答
1657 浏览

angular - 如何将 Aria 标签应用于 PrimeNG 组件的子元素?

初始场景:

  • PrimeNG 9.1.0
  • 角 9.1.9

Google 的 Lighthouse 的可访问性测试注意到 PrimeNG下拉组件的 V 形元素缺少 Aria 标签(“按钮没有可访问的名称”)。

我在 HTML 文件中的用法:

PrimeNG 相应生成的 DOM 部分:

 

待解决的挑战:

如果我自己无法访问 PrimeNG 下拉组件的 V 形子元素(第 8 行),因此无法添加 aria 标签,如何添加它aria-label="action description"

 

目标场景:

通过 Lighthouse 可访问性测试。

0 投票
1 回答
9987 浏览

angular - PrimeNG 表格列过滤器自定义 - 添加按钮并选择所有复选框

我是 PrimeNG 库的新手,我想为过滤器自定义 primeng 表列下拉

在此处输入图像描述

我从设计团队得到了这个模型,我想添加应用按钮来根据选中的复选框过滤记录并选择所有复选框。我浏览了primeng示例,我在primeng官方网站上找到了类似的示例

在此处输入图像描述

我指的是这个例子,但我需要添加应用按钮并选择所有复选框......谁能帮我解决这个问题,我该如何实现?下面是我所指的代码

https://www.primefaces.org/primeng/showcase/#/table/filter

app.component.html

app.component.ts

任何建议都会有很大帮助。提前致谢。

0 投票
0 回答
175 浏览

angular - 如何扩展 PrimeNG DropDown 的标签区域?

将 Angular 9 与最新版本的 PrimeNG 一起使用。我已将我的 primeNG 下拉列表扩展到其封装列的总长度,但不是“标签”区域占据了下拉字段的大部分,而是标签和箭头按钮字段或多或少地分割了空间...... IMOF 下拉按钮占用比标签/选择区域更多的空间。我该如何调整?

.html

.ts

.less没什么

标签占位符被切断

输入自定义值时

检查