Fiori List Report : Change Table Type in Object Page using Business Application Studio Page Map

[Kishore]

Hello All,

I am trying to show a Tree table in Object Page. I am setting the table type using the "Page Map" option in Business Application. But its rendering the responsive table instead of Tree Table. I tried setting the table type is manifest as mentioned here.

The same works in the List Page. Not sure if there is an issue or am I missing something here. Any pointers please.

Thanks,

Kishore.

[arunbharathi · Accepted solution]

The line item referred to in the Reference facet has a qualifier "Hier". So the qualifier also should be used to identify the table in the manifest settings.

Alternatively the reference facet id "DocFlow" can also be used if it is maintained in the annotation.

 "sections":{
                                     "toHier::com.sap.vocabularies.UI.v1.LineItem::Hier":{
                                          "navigationProperty": "toHier",
                                          "entitySet": "HierarchySet",
                                          "tableSettings": {
                                                "type": "TreeTable"
                                            }
                                     }
                                } 

[Kishore · Accepted solution]

Hello Arun,

Thank you Arun. It works now. I missed the qualifier. The same code is generated by Page Map as well. But its not working if we apply the same setting with Page Map.

Thanks for your time. Manifest entries are always a puzzle. ��

[arunbharathi]

Hello,

The "tableSettings" seems to be under the Object Page settings directly. But the settings for object page table should be present under the "sections settings" , which in this case under "toHier".

 "name": "sap.suite.ui.generic.template.ObjectPage"
                            "settings": {
                                "sections": {
                                    "toHier::com.sap.vocabularies.UI.v1.LineItem": {
                                        "navigationProperty": "toHier",
                                        "entitySet": "HierarchySet",
                                        "tableSettings": {
								      "type": "TreeTable"
								 }
                                    }
                                }
                            }<br>

Alternatively, the Guided Development plugin also can be used to set the table type (Guide : Set the table type of tables).

Thanks,

Arun

[arunbharathi]

The above answer should solve the table type issue using manifest. For the page map issue , let me check and revert.

[Kishore]

Hello Arun,

Thank you for your inputs. I have tried as per your suggestion but still its the same. Looks like I am missing something. I tried the guided development plugin as well. The issue I observed is

1. The section field is greyed out.

2. Even after applying the table type, its always loading the flat table.

3. Once we change something using the Page Map. After a while the changes are gone.

        "pages": {
            "ListReport|SalesOrderHeaderSet": {
                "entitySet": "SalesOrderHeaderSet",
                "component": {
                    "name": "sap.suite.ui.generic.template.ListReport",
                    "list": true,
                    "settings": {
                        "smartVariantManagement": true
                    }
                },
                "pages": {
                    "ObjectPage|SalesOrderHeaderSet": {
                        "entitySet": "SalesOrderHeaderSet",
                        "defaultLayoutTypeIfExternalNavigation": "MidColumnFullScreen",
                        "component": {
                            "name": "sap.suite.ui.generic.template.ObjectPage",
                            "settings": {
                                "sections":{
                                     "toHier::com.sap.vocabularies.UI.v1.LineItem":{
                                          "navigationProperty": "toHier",
                                          "entitySet": "HierarchySet",
                                          "tableSettings": {
                                                "type": "TreeTable"
                                            }
                                     }
                                }                                
                            }
                        },
                        "pages": {
                            "ObjectPage|toItems": {
                                "navigationProperty": "toItems",
                                "entitySet": "SalesOrderItemSet",
                                "defaultLayoutTypeIfExternalNavigation": "MidColumnFullScreen",
                                "component": {
                                    "name": "sap.suite.ui.generic.template.ObjectPage"
                                }
                            }
                        }
                    }
                }
            }
        }

[arunbharathi]

The manifest file looks correct. Could you please attach the project without the node modules. I can give it a try with mock data.

[Kishore]

Hello Arun,

I am not able to attach my project zip file here. Any other means to share the project.

[Kishore]

Hello Aun,

Here are the properties of my entity set. If I bind this entity to the table in the list page. Its rendering as Tree table.

[arunbharathi]

Hi Kishore,

It will be better if the entire project is available for troubleshooting. Kindly create a ticket on the component CA-UI5-ST-OP and attach the project.

Thanks,

Arun

[Kishore]

Hello Arun,

I have replicated this issue with a sample application. Here is the Github link Link

Thanks,

Kishore.