PrimeNG p-tree 手动添加勾选

最新推荐文章于 2022-08-01 13:48:50 发布

Depth_Life

最新推荐文章于 2022-08-01 13:48:50 发布

阅读量460

点赞数 2

分类专栏： angular PrimeNg 文章标签： angular

本文链接：https://blog.csdn.net/Depth_Life/article/details/115769559

版权

本文档介绍了如何在Angular应用中结合PrimeNG的p-tree组件实现手动设置节点勾选状态的方法，主要关注初始化勾选的配置和操作。

摘要由CSDN通过智能技术生成

Angular+PrimeNG p-tree的勾选

Angular+PrimeNG p-tree
- 初始化勾选

Angular+PrimeNG p-tree

初始化勾选

业务需求，需要多树勾选联动。这就需要手动 进行勾选
p-tree 未提供  是否勾选 属性 但提供了勾选数组 (selectedFiles: TreeNode[])
selectedFiles 用于存储该树所勾选的节点，值为整个节点 
在不是根节点的情况下需要进行 向根节点的递归 勾选（全选，半选）

/**
*param     treeDate  存放树
*          dateFiles 需要勾选的节点
*decrible  手动添加 所需勾选节点
*/
checked(treeData, dataFiles ) {
   
    for (let i = 0; i < this.treeData.length; i++) {
   
      for (let j = 0; j <this. dataFiles.length; j++) {
   
        if (treeData[i].data === dataFiles[j].data && treeData[i].type === dataFiles[j].type) {
   
          this.selectFiles