问题标签 [primeng]

我开始使用 Primeng 来获取我的应用所需的一些 UI。当前使用的是数据表。我正在尝试创建一个有条件样式的仪表板。以下是我需要实现但无法显示样式的快照。

这是我的代码。代码仍然没有考虑条件，但我什至无法让趋势列中的单元格具有不同的颜色。这是我使用primeng beta 10的试验：

我什至尝试了 primefaces 演示的模板模式，但没有运气：

这两个代码都为我的表格生成了相同的以下快照。我究竟做错了什么？

PS：我正在使用 webpack，并在我的 index html 中包含了 primeui 所需的 css 文件，如下所示：

谢谢你的帮助！

我有一个带有使用 PrimeNG 日历创建的附加日期选择器的输入元素。

HTML 部分

这里我使用了 PrimeNG 日历标签。我使用了一个隐藏的文本框，因此我可以选择更新的值，但它反映在文本框中。如何捕获任何事件的更新值？

当用户通过直接在 input 元素中输入来更改日期时，我可以通过 input 元素的 blur 事件获取值，如上所示。但是当用户从 datepicker 更改日期（即通过单击日历上的日期）时，不会调用模糊处理程序。

如何检测通过datepicker而不是通过输入输入元素对选定日期进行的更改？

styleUrls我在声明我的 Angular 2 组件以利用View Encapsulation时尝试使用该属性，但是在 Angular 完成初始化后将元素插入 DOM 时似乎存在问题。

我的情况是我目前无法设置样式的PrimeNG 分页器，因为它没有被 Angular 应用到范围。

见下文，该<p-datatable>元素有一个范围（它存在于原始标记中）但<p-paginator>没有（在事实之后被添加到 DOM）。

因此 Angular 插入的样式HEAD与我的元素不匹配：

这是 Angular 2 中视图封装的限制，还是有办法让它按需“重新调整”DOM 的范围？

编辑错字和澄清标题

在 PrimeNg 数据表中，是否可以冻结前几列并为其余列使用水平滚动 x？我想要与此完全相似：

https://datatables.net/extensions/fixedcolumns/examples/initialisation/two_columns.html

我目前正在测试 PrimeNG 并尝试使用数据表。一切正常，除了事件。我正在尝试使用 Growl 在选择一行时显示一条消息（如 PrimeNG 网站上的事件演示）。我目前有这个：

仪表板组件模板如下所示：

但是，当我选择一行时，事件不会触发。它不会在断点处停止，因此根本不会注册它。关于我应该在哪里解决这个问题，是否有解决方案或一些建议？

我正在使用 PrimeNG 数据表。我想让一些行跨越表格内容中的几列。在标题（ http://www.primefaces.org/primeng/#/datatablegroup ）中有一个很好的例子，但我不知道如何在表格的内容中做到这一点。行数是动态的（有些可能有 Weather 和 Rain，另一些可能有 Rain、Water Level 和 Streamflow）。这可以做到吗？

行跨度 > 1 的视觉对象

I am using Menubar from primeng for my app. I got the Menu showing, but I wasn't able to make the routing working in my app. I set specific link's route say "reports/89", but when I click the menu corresponding to the link it tries to go to the "localhost:3000/r/e/p/o/r/t/s/8/9" which obviously does not exist. I checked the items object containing my menus and the routerLink is correctly pointing at "reports/89". What is going on here and why primeng puts / among every characters in the link. My codes is simple: private items: MenuItem[] = []; filled the array of items with items, labels and routerLinks.

All the menu shows up correctly but I noticed the href of the span elements built by primeng for the menu items are set to "#". this might be the problem but don't know why is it setting that way cause I am providing my own routerLinks.

I am not doing any routing in my component I thought all will be done in primeng.

Thanks for any helps

我正在尝试在 ngForm 中使用 PrimeNG datepicker 并应用所需的验证。

但是，我遇到了一个例外，

我们应该如何将 PrimeNG 控件添加到角度形式？

我正在试验 PrimeNG 库和 Angular 2.0。我正在使用 Typescript，我注意到 PrimeNG 组件的所有 *.d.ts 文件都不包含标准 Angular 2.0 元数据，例如 @Input() @Output()。

示例dialog.d.ts：

您会注意到它dragable: boolean;上面没有 @Input() 元数据，这导致编辑器没有显示该组件具有此类可绑定属性的智能。例子<p-dialog dragable...? ></p-dialog>

在创建 Angular 2.0 模板并尝试使用 PrimeNG 组件时，在 WebStorm 2016 或 Visual Studio Code 中，我对该组件所公开的 API 没有任何智能。

问题是为什么 *.d.ts 文件不包含元数据？在 *.d.ts 文件中没有此元数据的情况下，是否有一个很好的解决方法可以让代码提示工作？

我正在使用 PrimeNG 的 DataTable ( http://www.primefaces.org/primeng/#/datatable )。我将其中一列定义为可排序的（）。在我想使用组方法对标题进行分组之前，这非常有效。

此时，可排序列停止显示排序指示符。这些不能一起用吗？分组标题的图像