问题标签 [primeng-treetable]

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 投票
1 回答
957 浏览

angular - PrimeNG 9 - TreeTable Virtual Scroll - 节点选择丢失

在我正在处理的应用程序中,我面临一个 PrimeNG 9 TreeTable 的奇怪问题,我已经配置了虚拟滚动和具有切换\扩展行为的嵌套节点结构。

我在做出选择后发现,滚动或展开另一个节点时突出显示的节点会丢失。突出显示的选择会跳转到另一个随机节点。

可以在这里找到最小的可重现演示: https ://stackblitz.com/edit/primeng9-treetablescroll-selections

我想知道这是否与this.cdr.detectChanges();我在ngAfterViewInit生命周期钩子中添加的有关,我添加它是为了在 v10.0.3 版本中引入此错误修复,但删除它没有任何区别,并带回错误修复地​​址ExpressionChangedAfterItHasBeenCheckedError

该应用程序也无法迁移到 PrimeNG 10,因此我特意寻找 v9 修复\解决方法(如果可能)。

有人知道这里可能发生了什么吗?

解决了

感谢@DipenShah 为我指明了正确的方向以找到合适的解决方法。根据他的回答,我进一步增强了他的方法,以处理在 v9 中树表在切换父节点时触发展开\折叠事件和节点选择事件的情况。这在 v10 中不会发生。

我的最终解决方法在这里https://stackblitz.com/edit/primeng9-treetablescroll-selections-utsj2p?file=src/app/app.component.ts

0 投票
3 回答
14595 浏览

angular - 如何通过代码扩展 PrimeNg TreeTable

假设我有 PrimeNg 为 Angular2 提供的 TreeTable。如何在代码中展开特定节点(例如在onNodeSelect回调中)?

0 投票
0 回答
768 浏览

angular - PrimeNg treeTable 如何更改路由 url 以及如何仅为子节点添加 onNodeSelect 事件

我有几个问题primeng treeTable

  1. 我看到expand链接treedata.js/#,但我想将其更改为不同的路由链接。就我而言,应该是 /productsummary。我添加了它treedata.js并且工作正常,但我treeTable在其他路由中使用,/ordersSummary所以是否有任何属性可用于更改路由 url?
  2. 我能够添加动态列取决于子节点,但无法弄清楚如何(onNodeSelect)仅将事件添加到子节点而不是父节点
  3. 我希望表格看起来dataTable像每一行都会有odd/even类来给斑马行。
  4. 我的sortablefilterfortreeTable父节点不工作

这是我的视图代码...

0 投票
1 回答
951 浏览

styles - PrimeNG 树表。有条件地改变行的样式

我想有条件地更改 PrimeNG TreeTable 中一行的样式。我尝试了各种选择,例如:[rowStyleClass]="rowStyle()"

但我得到这个错误: Can't bind to 'rowStyleClass' since it isn't a known property of 'p-treeTable'

关于如何有条件地更改行样式的任何想法?

0 投票
1 回答
6814 浏览

angular - PrimeNG 树表空

在尝试在 Angular 4.1 项目中使用 PrimeNG 时,我遇到了一些问题。

这是我关注的文档:https ://www.primefaces.org/primeng/#/treetable

我正在测试 TreeTable 功能,但 UI 中的输出为空。它显示没有内容的单元格,并且有 class="undefined"。

空表

app.component.html:

app.module.ts:

app.component.ts:

这是我从 HTTP 请求返回的 JSON 字符串:[{"id":1,"label":"Account","parentId":null,"parentLabel":null},{"id":2,"label":"Bank Account","parentId":1,"parentLabel":"Account"},{"id":3,"label":"Test","parentId":null,"parentLabel":null}]

app.customertype.service.ts:

0 投票
0 回答
477 浏览

angular - PrimeNG - 更改 treeTable 叶节点颜色

我有一个 treeTable,我需要更改叶节点的颜色(没有子节点)。这可能吗 ?

我试图从 dataModel 应用一些样式类,但它似乎不起作用。我还尝试根据 dataModel 字段在列上创建条件。

例子

0 投票
2 回答
5380 浏览

angular - 如何在primeng树表中添加过滤器功能

我正在尝试向primeng树表添加过滤器功能。以下代码显示了我目前的情况。

如您所见,我尝试添加

并且还使用[value]="files6 | filter:searchText". 代码已成功编译,但这是在 chrome 控制台中打印的错误。

任何建议都会很棒!

0 投票
1 回答
1208 浏览

angular - PrimeNG 树表级别样式

我已经TreeTablePrimeNG实施。

要求是在级别之间添加虚线以用于可用性透视。

在此处输入图像描述

我尝试了多种方法,但因为它正在生成 HTML 结构

我无法找出适当的解决方案来实施它。

可以用 实现PrimeNG TreeTable吗?

0 投票
0 回答
436 浏览

angular5 - 如何为 PrimeNG TreeTable 字段添加空或未定义检查?

问题1

是否可以为字段类型添加空/未定义检查?由于某些数据的类型可能为空?

像下面这样的东西会起作用吗?有什么办法吗?

问题2

如何在树表溢出的情况下添加滚动条?我尝试将 CSS 添加到 ui-treetable-tablewrapper 作为 overflow:scroll ?

0 投票
1 回答
2015 浏览

angular - 如何快速扩展所有 PrimeNG treeTable?