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

angular - PrimeNg树表如何区分一个页面中的两个不同的表。?

当我在一个表上展开一个节点时,它会自动扩展另一个表。我怎样才能防止这种情况。另外,我有两个不同的拖表数据。但它附加到两个数据集。

0 投票
1 回答
344 浏览

angular6 - 树表中的 PrimeNg 下拉菜单基于页面底部的下拉菜单自动滚动

我在primeng treetable和页面底部实现下拉菜单,下拉菜单隐藏在面板下方。如何让它自动调整。自动滚动,以便用户可以看到下拉菜单。

注意:表格用引导面板包裹。

0 投票
1 回答
530 浏览

primeng - 在primeng中重命名树节点

我正在使用primeng树组件,我需要内联编辑所选树节点的名称。我已经用另一个对话框实现了节点的重命名。但是,我想内联重命名它。

是否可以重命名选定的树节点?

0 投票
2 回答
351 浏览

angular - 树形面板生成 ExpressionChangedAfterItHasBeenCheckedError 的虚拟滚动官方示例

我正在尝试让虚拟滚动为 TreeTable 工作,并且在按照我ExpressionChangedAfterItHasBeenCheckedError为我的数据展开任何节点时得到的官方示例之后。

当尝试使用 Stackblitz 进行官方演示时,我看到这里也产生了错误,primeng v9 和 v10 最新的演示示例都发生了这种情况。

我注意到这里也提出了一个 GitHub 问题 - https://github.com/primefaces/primeng/issues/8886但已关闭并引用了一种解决方法来ChangeDetectorRef手动添加 a 并触发更改检测周期。

我用官方的 stackblitz 演示(https://stackblitz.com/edit/primeng-treetablescroll-demo?file=src%2Fapp%2Fapp.component.ts)尝试了这个解决方案

但这没有区别,仍然会产生错误,也许我执行不正确?

要复制此问题,您只需展开虚拟滚动示例中显示的节点之一。

我对primeng 9的解决方案\解决方法特别感兴趣

0 投票
1 回答
791 浏览

angular - 如何对树表的子元素进行路由?

单击树表的最后一个元素时,我想将其路由到另一个屏幕(url)并显示一个表。

例如:

我想选择树表中每个元素的父节点的最后一个节点。

单击子节点时,它应该导航到新屏幕。

看起来像这样:

因此,当用户选择12、或时,它应该导航到新屏幕。202226

模板 :

0 投票
2 回答
470 浏览

angular - 如何在 JSON 文件下面创建树表 html 文件

我正在尝试使用primeng创建树表html文件。Html 文件应该能够呈现在 JSON 文件之下。

以下是 Json响应。

这里,父节点以“Brinname”作为关键数据元素名称,子节点以“vestging”和“Singalcode”作为数据元素。

我们如何使用树表来实现这一点?

HTML

0 投票
1 回答
676 浏览

json - 来自 json 的树表 html

我有一个 JSON 格式,我正在使用 primeng 并希望将它用作树表结构(Html 文件)。

JSON:

有人可以向我解释如何实现上述要求吗?创建树表 html 结构时,我感到很困惑。

0 投票
2 回答
1115 浏览

angular - 根据 PrimeNG TurboTable 或 TreeTable 的行内容禁用/启用选择

使用 p-treeTable 我可以根据 selectionMode = "single" 启用所有行的选择。现在我想禁用不打算选择的行的选择。

PrimeNG 7,角度 7。

如果我删除[ttRow]="rowNode" [ttSelectableRow]="rowNode"tr 的正文模板,则所有行都不可选。

现在我需要根据行数据进行检查,例如rowData.selectable', to enable/disable row selection based on the outcome ofrowData.selectable`。任何想法如何实现这一目标?

0 投票
2 回答
5625 浏览

javascript - Angular treetable(Primeng树表) - 获取chIldren的所有父节点

我正在使用primengtreetable 使用angular2 构建一棵树。选择一个节点后,我想知道所选节点的“父节点”以及所选节点。

在此处输入图像描述

在这种情况下,如果我单击 4 ,我想了解有关单击节点 (4) 和父节点(Ranchi 和 Aamir)的数据。

可以在初始文件中进行哪些更改以获得结果?

树表 Html

打字稿文件

服务等级

它从服务类返回 Json 消息,其格式将其格式化为树表结构 (primeng) Json 格式,并将其用于 HTML 文件以显示数据。

0 投票
1 回答
760 浏览

json - 如何Observable映射具有不同属性名称的嵌套json对象 - Angular

我有一个包含嵌套对象的 json 结果。我需要将它们转换为我的自定义对象(prime ng tree table json),这些对象具有与 json 结果不同的属性名称。

JSON消息:

所需格式

那么,我怎样才能像这样映射 json?:有人可以给我一个演示示例。我是角度方面的新手,解决它遇到了很多麻烦。这对我来说真的很有帮助。