问题标签 [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.
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
angular - 如何通过代码扩展 PrimeNg TreeTable
假设我有 PrimeNg 为 Angular2 提供的 TreeTable。如何在代码中展开特定节点(例如在onNodeSelect
回调中)?
angular - PrimeNg treeTable 如何更改路由 url 以及如何仅为子节点添加 onNodeSelect 事件
我有几个问题primeng
treeTable
,
- 我看到
expand
链接treedata.js
是/#
,但我想将其更改为不同的路由链接。就我而言,应该是/productsummary
。我添加了它treedata.js
并且工作正常,但我treeTable
在其他路由中使用,/ordersSummary
所以是否有任何属性可用于更改路由 url? - 我能够添加动态列取决于子节点,但无法弄清楚如何
(onNodeSelect)
仅将事件添加到子节点而不是父节点 - 我希望表格看起来
dataTable
像每一行都会有odd/even
类来给斑马行。 - 我的
sortable
和filter
fortreeTable
父节点不工作
这是我的视图代码...
styles - PrimeNG 树表。有条件地改变行的样式
我想有条件地更改 PrimeNG TreeTable 中一行的样式。我尝试了各种选择,例如:[rowStyleClass]="rowStyle()"
但我得到这个错误:
Can't bind to 'rowStyleClass' since it isn't a known property of 'p-treeTable'
关于如何有条件地更改行样式的任何想法?
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:
angular - PrimeNG - 更改 treeTable 叶节点颜色
我有一个 treeTable,我需要更改叶节点的颜色(没有子节点)。这可能吗 ?
我试图从 dataModel 应用一些样式类,但它似乎不起作用。我还尝试根据 dataModel 字段在列上创建条件。
例子
angular - 如何在primeng树表中添加过滤器功能
我正在尝试向primeng树表添加过滤器功能。以下代码显示了我目前的情况。
如您所见,我尝试添加
并且还使用[value]="files6 | filter:searchText"
. 代码已成功编译,但这是在 chrome 控制台中打印的错误。
任何建议都会很棒!
angular - PrimeNG 树表级别样式
我已经TreeTable
从PrimeNG实施。
要求是在级别之间添加虚线以用于可用性透视。
我尝试了多种方法,但因为它正在生成 HTML 结构
我无法找出适当的解决方案来实施它。
可以用 实现PrimeNG
TreeTable
吗?
angular5 - 如何为 PrimeNG TreeTable 字段添加空或未定义检查?
问题1
是否可以为字段类型添加空/未定义检查?由于某些数据的类型可能为空?
像下面这样的东西会起作用吗?有什么办法吗?
问题2
如何在树表溢出的情况下添加滚动条?我尝试将 CSS 添加到 ui-treetable-tablewrapper 作为 overflow:scroll ?