cancel
Showing results for 
Search instead for 
Did you mean: 

Sorting not working on object Page Item table SAP CAP BTP Fiori elements

nikhil180490
Explorer
0 Kudos
501

Hello All Members 

I have created an application using Fiori elements on SAP CAP BTP  list report page template , In object page I have an item table which can be sorted I have put the annotations to sort a field by default which is working but if I try to sort other columns using sort the table crashes and the application goes irregular below is some of the code snippet 
If someone know where I am going please help in correcting that 
The code might  not be properly copy pasted but there is no error in code please let me know for any solution on this 

In Manifest.json  file 

    "to_MucItems/@com.sap.vocabularies.UI.v1.LineItem#GOBTableSection": {
                  "tableSettings": {
                    "condensedTableLayout": true,
                    "enhanceI18n": "i18n/muc.properties",
                    "enableExport": true,
                    "enableFullScreen": true,
                    "enablePaste": true,
                    "selectAll": true,
                    "type": "GridTable",
                    "selectionMode": "Multi",
                    "creationMode": {
                      "createAtEnd": true,
                      "inlineCreationRowsHiddenInEditMode": true
                    },
                    "personalization": {
                      "column": true,
                      "sort" : true
                    }
                }

Annotation.cds file 

annotate service.mucHeader with @(
    UI.Facets : [
        {
        {
            $Type : 'UI.ReferenceFacet',
            Label : 'Item Details',
            ID : 'GOBTableSection',
            Target : 'to_MucItems/@UI.PresentationVariant#GOBTableSection',
            ![@UI.Hidden] : hideGOB,
        },}]

annotate service.mucItem with @(UI.PresentationVariant #GOBTableSection: {
  // $Type         : 'UI.PresentationVariantType',
   Visualizations: ['@UI.LineItem#GOBTableSection' ],
    // Total : [amount],
    SortOrder     : [{
        $Type     : 'Common.SortOrderType',
        Property  : lineNumber,
        Descending: false,
    }, ],
});
 
Line item definition 
annotate CatalogService.mucItem with @(UI.LineItem #GOBTableSection: [
    {
        $Type                : 'UI.DataField',
        Value                : lineNumber,
        Label                : '{i18n>lineNumber}',
        ![@HTML5.CssDefaults]: {width: '5REM'},
    },
    {
        $Type                : 'UI.DataField',
        Value                : article,
        Label                : '{i18n>article}',
        ![@HTML5.CssDefaults]: {width: '10REM'},

    },
    {
        $Type                : 'UI.DataField',
        Value                : articleDesc,
        Label                : '{i18n>articleDesc}',
        ![@HTML5.CssDefaults]: {width: '15REM'},
    },
]);







 

 

acastropardo
Discoverer
0 Kudos
Hello, I have a similar problem, but in dev mode in VSCode or BAS, the filters are working properly. When I deploy to environment in BTP, it fails as simillar manner as you describe your issue...
PedroLazaro
Participant
0 Kudos
Hi there! Any news about this?
PedroLazaro
Participant
0 Kudos
Hi there! Any news about this? We are facing a similar issue, we have custom pages and macro Tables, and none standard funcionality works on these tables (like sort, filtering, and so on) . Neither on dev bas nor in deployed html5 standalone

Accepted Solutions (0)

Answers (1)

Answers (1)

acastropardo
Discoverer

In my case, the problem was caused by not having Fiori Launchpad in the client BTP instance. The app is launched on the APP Router as standalone app. It was fixed by placing the following line in index.html of each FE app.

data-sap-ui-flexibility-services='[{“connector”: “LocalStorageConnector”}]''.

acastropardo_0-1727201811257.png

 

PedroLazaro
Participant
0 Kudos
Nice! It worked! You're the man!
PedroLazaro
Participant
0 Kudos
Nice! It worked! You're the man! Thank you so much