Skip to Content
0
Mar 03, 2017 at 01:23 AM

UI5 - Tree Table not displaying properly

1417 Views

Hello,

I'm trying to fill tree table with oData Service. But it is displaying as normal table not as tree table.

Please Help.

Below is .js code for setting up tree table rows

	var tableCarrier = this.getView().byId("treeTable");
	tableCarrier.setModel(nav);
		
	tableCarrier.bindRows({
			path: "/results",
		parameters: {
			countMode: "Inline",
		treeAnnotationProperties: {					hierarchyLevelFor: "Hierarchylevel",
	hierarchyNodeFor: "Nodeid",
	hierarchyParentNodeFor: "Parentnodeid",
	hierarchyDrillStateFor: "Drillstate"
						}
					}
				});

Below is XML code of view

<table:TreeTable id="treeTable" selectionMode="None" enableColumnReordering="false" expandFirstLevel="false">
<table:columns>
	<table:Column label="Description">
	<table:template>
	<Text text="{Nodedesc}"/>
	</table:template>
	</table:Column>
	<table:Column label="HierarchyLevel">
	<table:template>
	<Text text="{Hierarchylevel}"/>
	</table:template>
	</table:Column>
	<table:Column label="NodeID">
	<table:template>
	<Text text="{Nodeid}"/>
	</table:template>
	</table:Column>
	<table:Column label="ParentNodeID">
	<table:template>
		<Text text="{Parentnodeid}"/>
	</table:template>
       </table:Column>
</table:columns>
</table:TreeTable>

below is oData Response