首页 > 解决方案 > 使用 oData 注释显示平面层次结构的 SAPui5 树表

问题描述

我在 SAPui5 树表中显示 oData 输出时遇到了麻烦,

附图。根据所附图像,后端数据绑定到表,但它显示为平面结构。已遵循 oData 注释树绑定的 SAPui5 文档, https: //sapui5.hana.ondemand.com/#/entity/sap.ui.table.TreeTable/sample/sap.ui.table.sample.TreeTable.ODataAnnotationsTreeBinding

请找到我的 SAPui5 视图 xml 代码

<mvc:View
    xmlns="sap.ui.table"
    xmlns:m="sap.m"
    xmlns:mvc="sap.ui.core.mvc" controllerName="sampleTreeStructure.controller.Tree">

    <TreeTable id="treeTable" selectionMode="Single" defaultOperationMode="Client" rowSelectionChange="onSelect" enableColumnReordering="false" expandFirstLevel="false" editable="true"
        rows="{ path:'collisionModel>/results', parameters : 
        { countMode: 'Inline', treeAnnotationProperties : 
        { hierarchyLevelFor : 'ZzHierarchyLevel', hierarchyNodeFor : 'ZzNodeId', hierarchyParentNodeFor : 'ZzParentNodeId', hierarchyDrillStateFor : 'ZzDrillState' } } }">

        <columns>

            <Column label="Name">
                <template>
                    <m:Text text="{collisionModel>Name}" wrapping="false" />
                </template>
            </Column>

            <Column label="Products">
                <template>
                    <m:Text text="{collisionModel>ZzCollProduct}" wrapping="false" />
                </template>
            </Column>

            <Column label="Priority">
                <template>
                    <m:Text text="{collisionModel>ZzPriority}" wrapping="false" />
                </template>
            </Column>

            <Column label="OverLapDays">
                <template>
                    <m:Text text="{collisionModel>ZzOverlapDays}" wrapping="false" />
                </template>
            </Column>

        </columns>

    </TreeTable>

</mvc:View>

o数据输出:

"d": {
"results": [
{

"ZzParentNodeId": 0,
"ZzNodeId": 1,
"ZzHierarchyLevel": 0,
"ZzDrillState": "expanded",
"ZzCollProduct": "",
"Name": "Copy of Copy of Test",
"ExtOfferId": "644"
},

元数据.xml

<Property Name="ZzDrillState" Type="Edm.String" Nullable="false" MaxLength="10" sap:hierarchy-drill-state-for="ZzNodeId" sap:label="Drill State" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
  <Property Name="ZzHierarchyLevel" Type="Edm.Int32" Nullable="false" sap:hierarchy-level-for="ZzNodeId" sap:label="Hierarchy Level" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
  <Property Name="ZzNodeId" Type="Edm.Int32" Nullable="false" sap:hierarchy-node-for="ZzNodeId" sap:label="" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
  <Property Name="ZzParentNodeId" Type="Edm.Int32" sap:hierarchy-parent-node-for="ZzNodeId" sap:label="" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>

感谢有人可以在这里提供帮助。谢谢。

标签: odatasapui5treetable

解决方案


推荐阅读