使用按钮逐级展开和折叠 PrimeNG TreeTable
Expand and Collapse PrimeNG TreeTable level by level with buttons
如您在我的 stackblitz 演示中所见,我实现了一个顶部有两个按钮的 TreeTable。每次单击后,此“加号”按钮应将 table 扩展一级。 “减号”按钮应该折叠那个级别。
https://stackblitz.com/edit/primeng-treetable-demo-hu2qwa?file=src/app/app.component.ts
因此,例如:
如果每个节点都折叠,单击“+”按钮应该只展开第 1 级节点,以便第 2 级节点可见。但是 2 级节点应该保持折叠状态。第二次点击“+”按钮应该也会展开 2 级节点。
如果我们展开了 2 级节点,单击“-”按钮应该只会折叠 2 级节点。因此,1 级节点仍应保持扩展状态。第二次单击“-”按钮应该也会折叠 1 级节点。
当前版本只能展开和折叠一级节点。我怎样才能改进逻辑,让它按我想要的方式工作?
这是一个可行的解决方案。它仍然需要改进以限制水平深度。但如果有人正在寻找这个问题的答案,这是一个很好的起点。
https://stackblitz.com/edit/primeng-treetable-demo-npxrcp
如您在我的 stackblitz 演示中所见,我实现了一个顶部有两个按钮的 TreeTable。每次单击后,此“加号”按钮应将 table 扩展一级。 “减号”按钮应该折叠那个级别。
https://stackblitz.com/edit/primeng-treetable-demo-hu2qwa?file=src/app/app.component.ts
因此,例如:
如果每个节点都折叠,单击“+”按钮应该只展开第 1 级节点,以便第 2 级节点可见。但是 2 级节点应该保持折叠状态。第二次点击“+”按钮应该也会展开 2 级节点。
如果我们展开了 2 级节点,单击“-”按钮应该只会折叠 2 级节点。因此,1 级节点仍应保持扩展状态。第二次单击“-”按钮应该也会折叠 1 级节点。
当前版本只能展开和折叠一级节点。我怎样才能改进逻辑,让它按我想要的方式工作?
这是一个可行的解决方案。它仍然需要改进以限制水平深度。但如果有人正在寻找这个问题的答案,这是一个很好的起点。 https://stackblitz.com/edit/primeng-treetable-demo-npxrcp