odata - 使用 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"/>
感谢有人可以在这里提供帮助。谢谢。
解决方案
推荐阅读
- javascript - 在 JavaScript 中按外部日期属性对数组进行排序
- c# - 创建 TCP/IP 服务器的窗口服务 - 聊天应用程序
- python - 禁用关于视图函数不返回响应的 Flask 警告?
- python - 加入多索引数据帧和单索引数据帧
- python - 添加两列,即 mean_a 和 mean_b
- javascript - 分配给asp.net的javascript变量
- c# - 字符串到 java.io.file
- git - 如何从 GitHub 中删除 GPG 密钥
- python - Pandas 中的许多 If 语句
- react-native - 使用 react-native-web 在 create-react-app 中处理第 3 方