sap.m.Tree实施

时间:2017-07-28 07:51:07

标签: javascript odata sapui5

我一直在尝试为多级层次结构数据实现sap.m.tree,并且属性名称不同。

我已经完成了FIORI指南https://experience.sap.com/fiori-design-web/tree/,并且我理解这是我需要的确切控制。来自SAPUI5探讨了https://sapui5.hana.ondemand.com/explored.html#/entity/sap.m.Tree/samples
我无法获得太多帮助,因为他们拥有相同数据的示例,并且没有聚合。

任何人都可以帮我一个领导,一个例子将受到高度赞赏。

的Json

$DISPLAY

1 个答案:

答案 0 :(得分:0)

答案很晚,但也许可以帮助其他人。 树的json的结构应类似于this

[
    {
        "text": "Node1",
        "ref": "sap-icon://attachment-audio",
        "nodes":
        [
            {
                "text": "Node1-1",
                "ref": "sap-icon://attachment-e-pub",
                "nodes":[
                    {
                        "text": "Node1-1-1",
                        "ref": "sap-icon://attachment-html"
                    },
                    {
                        "text": "Node1-1-2",
                        "ref": "sap-icon://attachment-photo",
                        "nodes":[
                            {
                                "text": "Node1-1-2-1",
                                "ref": "sap-icon://attachment-text-file",
                                "nodes":[
                                    {
                                        "text": "Node1-1-2-1-1",
                                        "ref": "sap-icon://attachment-video"
                                    },
                                    {
                                        "text": "Node1-1-2-1-2",
                                        "ref": "sap-icon://attachment-zip-file"
                                    },
                                    {
                                        "text": "Node1-1-2-1-3",
                                        "ref": "sap-icon://course-program"
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },
            {
                "text": "Node1-2",
                "ref": "sap-icon://create"
            }
        ]
    },
    {
        "text": "Node2",
        "ref": "sap-icon://customer-financial-fact-sheet"
    }
]

然后在树的“项目”聚合中使用它。只要以这种方式格式化JSON,它就会起作用。重要的部分是:

[
    {
        "anyTextFieldYouWant": "Node1",
        "nodes":
        [
            {
            "anyTextFieldYouWant": "Node1-1"
            },
            {
            "anyTextFieldYouWant": "Node1-2"
            }
        ]
    }
]