我使用primeng的p-tree组件来显示不同的案例。没有预选的显示部分工作正常。现在,一旦我将其保存到 DB 并且用户再次打开相同的数据,我必须从 DB 获取最新数据并在 p-tree 中预先选择这些字段。所以我使用休息控制器来获取这些选定的值并将其添加到 html 中的 [(selection)] = "selectedColumns"。
对于那些预选的节点,我还将 partialSelected 设置为父节点,将子节点设置为 true,将子节点的 Selectable 设置为 true。但我的预选仍然没有显示复选框。我的 html 代码如下所示。
<p-tree [value]="reportColumnList" selectionMode="checkbox" [(selection)]="selectedColumns"></p-tree>
我的检查元素看起来像下面所附的屏幕截图。
黄色突出显示的是原始列表和预选列表。原始列表有 3 个父级,索引为“0”的第一个父级有 89 个子级,如图所示。索引为 3 的第 4 个孩子用向上的箭头标记显示,columnName 为“Board Name”。如“SelectedColumns”所示,所选列表只有一个索引为“0”的父级和 2 个子级。索引为“0”的第一个孩子是原始列表中的第四个孩子。您可以看到部分 Selected 为“true”且“Selectable”为 true。
通过这些更改,我希望预选应该可以正常工作,但它不会。有人可以让我知道这有什么问题。谢谢你。