admin管理员组

文章数量:1025217

I have an layersTree object that contains data for items' rendering and selectedKeys for setting the checked state of a tree's checkboxes. By deafult selectedKeys is empty object.

const layersTree = {
    "data": [
        {
            "visible_default": true,
            "key": "20",
            "label": "Group layer 1",
            "children": [
                {
                    "visible_default": true,
                    "key": "57",
                    "label": "Layer 1"
                },
            ]
        },
        {
            "visible_default": true,
            "key": "21",
            "label": "Group layer 2",
            "children": [
                {
                    "visible_default": true,
                    "key": "22",
                    "label": "Group layer 3",
                    "children": [
                        {
                            "visible_default": false,
                            "key": "22",
                            "label": "Layer 4"
                        },
                        {
                            "visible_default": false,
                            "key": "35",
                            "label": "Layer 5"
                        }
                    ]
                },
                {
                    "visible_default": true,
                    "key": "35",
                    "label": "Layer 5"
                }
            ]
        }
    ],
    "selectedKeys": {},
}

I need to set selectedKeys to value, which includes checked and partialChecked boolean values like this:

{
    "20": {
        "checked": true,
        "partialChecked": false
    },
    "21": {
        "checked": true,
        "partialChecked": false
    },
    "22": {
        "checked": true,
        "partialChecked": false
    },
    "23": {
        "checked": true,
        "partialChecked": false
    }
}

So, how can I correctly apply recursive tree traversal to generate selectedKeys object?

I have an layersTree object that contains data for items' rendering and selectedKeys for setting the checked state of a tree's checkboxes. By deafult selectedKeys is empty object.

const layersTree = {
    "data": [
        {
            "visible_default": true,
            "key": "20",
            "label": "Group layer 1",
            "children": [
                {
                    "visible_default": true,
                    "key": "57",
                    "label": "Layer 1"
                },
            ]
        },
        {
            "visible_default": true,
            "key": "21",
            "label": "Group layer 2",
            "children": [
                {
                    "visible_default": true,
                    "key": "22",
                    "label": "Group layer 3",
                    "children": [
                        {
                            "visible_default": false,
                            "key": "22",
                            "label": "Layer 4"
                        },
                        {
                            "visible_default": false,
                            "key": "35",
                            "label": "Layer 5"
                        }
                    ]
                },
                {
                    "visible_default": true,
                    "key": "35",
                    "label": "Layer 5"
                }
            ]
        }
    ],
    "selectedKeys": {},
}

I need to set selectedKeys to value, which includes checked and partialChecked boolean values like this:

{
    "20": {
        "checked": true,
        "partialChecked": false
    },
    "21": {
        "checked": true,
        "partialChecked": false
    },
    "22": {
        "checked": true,
        "partialChecked": false
    },
    "23": {
        "checked": true,
        "partialChecked": false
    }
}

So, how can I correctly apply recursive tree traversal to generate selectedKeys object?

本文标签： recursionHow to create selectedKeys structure for Tree component of Primevue v3Stack Overflow

版权声明：本文标题：recursion - How to create selectedKeys structure for Tree component of Primevue v3 - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745620659a2159552.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。