Tree Example

View.xml :

<Page title="Tree Example">

<Tree
    id="Tree"
    items="{/}">
<StandardTreeItem title="{text}"/>
</Tree>


</Page>

Controller.js :

onInit : function (evt) {


var a=this.getView().byId("Tree");
  var b=new sap.ui.model.json.JSONModel("model/Tree.json");
  a.setModel (b);
 

}

Tree.json :

 [
{
"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"
}
]


OUTPUT :



Post a Comment

Previous Post Next Post