SAPUI5 Tree Table not rendering correctly

BrianSm — Tue, 11 Mar 2025 19:13:28 GMT

Hello,

I'm hoping someone has run across this issue before. I have seen a ton of similar posts, but none of the solutions that I've tried has worked. I'm building this in BTP using Business Application Studio and connecting to our on-premise ECC system.
I'm trying to build an SAPUI5 Tree Table with only 1 level to expand (possibly 2 in the future). The child nodes are not showing up under the parent nodes. Nodes 3 and 4 should be under the first node and node 5 should be under the 2nd node.
The first two rows below should be parent nodes, I’ve added NodeID, ParentNodeID, HierlevelID and DrillState to the table just to show what values are coming through.

Appreciate your time and I'm open to any and all suggestions or other ways to do this!

The nodes do expand, but only a blank line is shown.

This is the CDS view that I'm using.

This is my controller logic - only added to replace the 0 with ‘null’ for the ParentNodeID. The output is the same with ‘null’ and 0 as the value (If anyone has a better solution to get ParentNodeID set to 'null", please let me know).

My view.xml

<mvc:View controllerName="maintenanceplanner.controller.AssignedOrdersTree"

xmlns="sap.ui.table"

xmlns:m="sap.m"

xmlns:mvc="sap.ui.core.mvc"

height="100%">

<TreeTable

id="idTreeTable"

selectionMode="Single"

enableColumnReordering="false"

rows="{

path : 'NodeDataModel>/',

parameters : {

treeAnnotationProperties : {

hierarchyLevelFor : 'NodeDataModel>HierLevel',

hierarchyNodeFor : 'NodeDataModel>NodeID',

hierarchyParentNodeFor : 'NodeDataModel>ParentNodeID',

hierarchyDrillStateFor : 'NodeDataModel>DrillState'

}

}">

<m:Label id="idPersonnelText" text = "Personnel"/>

<m:Text id="idNodeDescText" text="{NodeDataModel>NodeDescription}" wrapping="false" />

</template>

</Column>

<m:Label id="idOrderLabel" text = "Work Order"/>

<m:Text id="idOrderText" text="{NodeDataModel>OrderNo}" wrapping="false" />

</template>

</Column>

<m:Label id="idActLabel" text = "Activity"/>

<m:Text id="idActText" text="{NodeDataModel>Activity}" wrapping="false" />

</template>

</Column>

<m:Label id="idNodeIDLabel" text = "NodeID"/>

<m:Text id="idNodeIDText" text="{NodeDataModel>NodeID}" wrapping="false" />

</template>

</Column>

<m:Label id="idParentNodeIDLabel" text = "ParentNodeID"/>

<m:Text id="idParentNodeIDText" text="{NodeDataModel>ParentNodeID}" wrapping="false" />

</template>

</Column>

<m:Label id="idHierLevelLabel" text = "HierLevelID"/>

<m:Text id="HierLevelText" text="{NodeDataModel>HierLevel}" wrapping="false" />

</template>

</Column>

<m:Label id="idDrillStateLabel" text = "DrillState"/>

<m:Text id="idDrillStateText" text="{NodeDataModel>DrillState}" wrapping="false" />

</template>

</Column>

<m:Label id="idBasicStartDateLabel" text = "Basic Start Date"/>

<m:Text id="idBasicStartDateText" text="{NodeDataModel>BasicStartDate}" wrapping="false" />

</template>

</Column>

</columns>

</TreeTable>

</mvc:View>

Re: SAPUI5 Tree Table not rendering correctly

Raifloresca — Wed, 12 Mar 2025 20:20:33 GMT

Hi,

Maybe this can help you: Fiori Elements Tree Table with SAP Annotations - SAP Community

Regards.

Re: SAPUI5 Tree Table not rendering correctly

BrianSm — Mon, 17 Mar 2025 12:39:36 GMT

Thank you for the suggestion, Raifloresca. After looking at that example, I was not able to make the tree table function correctly doing it that way either.

Thanks,

Brian

topic Re: SAPUI5 Tree Table not rendering correctly in Application Development and Automation Discussions

SAPUI5 Tree Table not rendering correctly

Re: SAPUI5 Tree Table not rendering correctly

Re: SAPUI5 Tree Table not rendering correctly