问题标签 [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树表过滤中隐藏父记录
我已经对我的树表应用了过滤器,我只想显示带有过滤数据的行并隐藏父记录。该代码可在https://stackblitz.com/edit/primeng-treetablefilter-demo获得- 使用它的变体。添加了一张图片-我不想要父记录-在我的情况下,缩进级别更多但挑战相似
html - PrimeNG treeTable - 更改默认expandedIcon/collapsedIcon
我正在使用primeNG的treeTable。我想知道如何更改默认展开和折叠图标。
我试过这样做......但我不确定我是否以正确的方式这样做。我只想将那些默认的展开/折叠图标替换为 plus/minus。我该怎么办?
我试过跟随..但它没有帮助。
angular - PrimeNG 树表 - 如何停止向上传播?
根据他们的示例
,我p-treeTable
在 Angular 10 中使用带有复选框选择器()的 PrimeNG treeTable()向下滚动到复选框选择p-treeTableCheckbox
在此实现中,如果用户展开节点并取消选择子项,则父节点也将取消选择。这在我们的场景中是不受欢迎的行为。即使未选择所有子节点,我也希望父节点保持选中状态。但是如果用户选择/取消选择一个父节点,那么选择/取消选择所有子节点仍然有效。
例如,在他们的示例中,展开第一个节点“Applications”,展开下一个节点“Angular”,然后取消选中像“mobile.app”这样的子节点 => Angular 和 Applications 父节点都未选中。
那么当子节点改变时,是否可以让父节点保持不变?
我的桌子是:
似乎没有任何行为属性p-treeTableCheckbox
会影响这一点?
angular - 需要一个支持具有给定对象数组的 Prime NG 树表的 Json 对象
我有一个对象数组,其中包含父子关系数据,我想将其转换为主要的 Ng 树表可支持的数据格式。
我有如下的 JSOn 数组:
我的预期如下:
为了获得这种结构,我尝试了以下问题中的某个人建议的解决方案。下面的代码将数据绑定到 Tree Table 父级和子级,而不是 Childs 的子级。
以下代码所需的任何更改。请建议。
json - 从对象数组创建 PrimeNG TreeTable
我想创建一个树表。名字和姓氏重复的行将被视为子节点。
javascript - 使用 excelJs 将 primeNg 树表数据及其分组导出到 Excel
我想将 primeNg 树表导出到 Excel 中。我正在使用 ExcelJs 将数据导出到 excel 中,但我不知道如何对行进行分类或分组。
表有行,行有子行,子行再次包含子行,并且此层次结构不固定。这意味着没有必要每行都应该有一个子行。这方面的数据来自基于提供的一些输入的数据库。
我在 Google 搜索中看到了 outlinelevel 作为对行进行分组的解决方案,但我无法在我的代码中实现它
任何人都可以在这方面帮助我。任何帮助将不胜感激
angular - PrimeNg GlobalFilter :在第一列中找到匹配项后停止搜索(不在后续列中查找值)
初始用户界面(无过滤器):
问题:在第一列中找到匹配项后跳过其他列字段
在这里,我们正在搜索第一列和第二列中存在的“模型”。但是,它没有考虑第二列。
期望:应显示前 3 行,即 Database、Dataset1、Model
Stackblitz:https ://stackblitz.com/edit/primeng-treetablefilter-demo-efg4b5?file=src/assets/filesystem.json
请展开模块,然后在全局搜索中使用“模型”进行搜索。
我们有搜索框来使用全局过滤器过滤 p-treeTable 的行,如下所示:
映射到 TreeTable 的列定义如下所示:
树表代码:
primeng - 冻结列prime-ng上的垂直滚动
我有一个具有多个子节点的 p-treetable。问题是当我将鼠标悬停在冻结的列上并尝试垂直滚动时,它不会滚动。什么都没发生。但是当我将鼠标移动到未冻结的列时,垂直滚动工作正常。这也是 prime-ng p-table 中的一个问题,但在最新版本中他们已经修复了这个问题,但仍然没有修复树表。
任何解决方法?
angular - primeng p-tree 预选不适用于 partialSelected,可选择设置为 true
我使用primeng的p-tree组件来显示不同的案例。没有预选的显示部分工作正常。现在,一旦我将其保存到 DB 并且用户再次打开相同的数据,我必须从 DB 获取最新数据并在 p-tree 中预先选择这些字段。所以我使用休息控制器来获取这些选定的值并将其添加到 html 中的 [(selection)] = "selectedColumns"。
对于那些预选的节点,我还将 partialSelected 设置为父节点,将子节点设置为 true,将子节点的 Selectable 设置为 true。但我的预选仍然没有显示复选框。我的 html 代码如下所示。
我的检查元素看起来像下面所附的屏幕截图。
黄色突出显示的是原始列表和预选列表。原始列表有 3 个父级,索引为“0”的第一个父级有 89 个子级,如图所示。索引为 3 的第 4 个孩子用向上的箭头标记显示,columnName 为“Board Name”。如“SelectedColumns”所示,所选列表只有一个索引为“0”的父级和 2 个子级。索引为“0”的第一个孩子是原始列表中的第四个孩子。您可以看到部分 Selected 为“true”且“Selectable”为 true。
通过这些更改,我希望预选应该可以正常工作,但它不会。有人可以让我知道这有什么问题。谢谢你。
javascript - 如何在 PrimeNG Treetable 中设置默认选择
我想使用从本地存储中获得的值设置选择。这是代码:
HTML:
TS:
该值已设置并且可以在控制台中显示,但在 UI 中,未选择该行。