问题标签 [primeng-tree]

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 回答
164 浏览

angular - PrimeNG - TreeNode - 通过点击任何地方来扩展它,而不仅仅是在图标上

任何人都可以向我展示使整个节点可点击(所有标签文本和图标)并使用与原始行为相同的展开功能(单击图标展开时)的 TreeNode 模板吗?或者您是否需要实现自己的函数来进行 onClick 扩展?

0 投票
1 回答
395 浏览

css - Primeflex + PrimeNG 选项卡 + PrimeNG 树 - 无法使 tabPanel 增长

有人可以帮我设计那些 PrimeNG 组件吗?

我想要一棵树占据整个垂直空间(减去底部的按钮集),如果需要可以滚动。树被放置在选项卡面板内。

提前致谢

https://stackblitz.com/edit/angular-np8of7?file=src/app/app.component.html

0 投票
2 回答
79 浏览

angular - 如何将对象数组的树结构克隆到另一个对象,将属性更改为克隆对象?

如何将一组对象的树结构克隆到另一个对象,在 TypeScript 中对克隆的对象具有不同或更少的属性?例如关于这个:

我需要它的克隆,但不是“命名”属性“标签”,而是“extradata”=“key”并且没有“anArray”和“anObject”。像这样:

我需要克隆它,以使用它作为primeng树组件的数据格式。

我正在尝试类似的东西

但孩子们并没有遵循相同的形状。

0 投票
1 回答
319 浏览

angular - 我如何知道数据何时加载到 p-tree 上并选择第一个节点?

我试图选择 Angular PrimeNG 树组件的第一个节点,但我唯一能做的就是选择根节点,但这不会触发它的单击事件。

我试图找到一种方法,当数据已加载到组件上时,如何在第一个节点上触发 click 事件。

树中填充了通过服务中的承诺从端点获取的 JSON 数据,如https://www.primefaces.org/primeng/v7.2.6-lts/#/tree中的示例:

如何确定数据何时完成加载,然后选择第一个节点?

我在 stackblitz 上创建了一个示例,唯一的区别是它使用 observable 而不是 promise 来填充数据: https ://stackblitz.com/edit/angular-primeng-tree-sml-9swyq6?file=src/app/ app.component.ts

在这个例子中,我启用了loading=true.

那么我怎样才能知道加载何时完成,将加载切换为 false 并选择并触发单击树的第一个节点?

0 投票
0 回答
181 浏览

css - Angular Prime-ng p-tree,如何更改缩进?

我在我的项目中使用 primg-ng 树作为侧边栏。 在此处输入图像描述

输出是:

在此处输入图像描述

我希望有一致的缩进,而不像上面的输出那样自适应地改变。另外,我希望能够更改缩进级别。

注意:我不想要虚拟滚动

0 投票
1 回答
88 浏览

primeng - PrimeNg (7.x) / P-TREE / Filter / 双滚动条

当我在 PrimeNg (7.x) p-tree 上添加过滤器属性时,它按预期工作,但我有一个双滚动条。

实现并不特别

我已应用以下 css 来限制框的大小

双卷轴

如果我将溢出更改为隐藏,我看不到列表的最后一个元素。

在此处输入图像描述

知道为什么吗?谢谢

0 投票
1 回答
241 浏览

angular - 为什么拖放在此 PrimeNG 树中不起作用?

我已经使用 PrimeNG 的树几个月了,今天注意到拖放不再起作用。我没有收到任何错误,我根本无法抓住树中的节点。

我将树和数据剥离为裸露的骨骼,如下所示,以验证它在我的代码的其他部分中没有什么时髦的。

这是在角度 HTML 模板中(几乎直接来自https://www.primefaces.org/primeng/v11/#/tree/dragdrop):

这是在角度 TS 代码中:

这渲染得很好,但我不能拖动任何节点。

在 Angular 应用程序中使用 PrimeNG 版本 11.4.2,运行 Angular 11.2.3 在 Chrome 中测试,版本 90,Edge 版本 91。

任何人都可以建议我可以尝试解决/解决这个问题吗?

谢谢

0 投票
1 回答
92 浏览

angular - PrimeNG 树组件

我应该做一棵Primeng树。这是我的模型。

我不知道如何进行 http 调用和其他操作。

我想过这样的事情:服务:

ts --> http

HTML

有人能帮我吗?怎么了?提前致谢!

完毕!我希望它会有用

HTML - </p>

0 投票
0 回答
72 浏览

angular - 如何在 PrimeNg 树中通过 id 查找节点?

我们正在从Angular Tree 组件转移到 PrimeNg Tree组件。应用程序启动时保存和恢复树选择。我们保存关键字段(在我们的例子中是文件夹 ID)。

Angular Tree 组件公开了这个查找节点的方法:

找到节点后,我们可以通过以下方式激活它:

我找不到类似的方法来搜索 PrimeNg 树内的节点。有人知道有什么替代方案吗?

0 投票
1 回答
186 浏览

angular - PrimeNG - Tree DragDrop,节点不可拖动

我正在按照PrimeNG 官方网站上的这个例子来实现一个非常基本的DragDrop Tree(我只需要重新排序功能,所有节点都是没有子节点的叶子)。树(动态构造)构造成功,但显示的节点不可拖动,所以我无法上下移动它们。下面的照片

已创建拖放树,但项目不可拖动

下面的代码:

.html 文件

.ts 文件

注意:我已经尝试过这种解决方法,但没有任何改变,浏览器的控制台也没有显示任何错误。

PrimeNG 版本 - 12.1.0Angular 版本 - 12.2.3节点版本 - 14.17.0