SAP Community - SAP Fiori

RAP: VH filter on child lvl based on value from parent entity

2024-04-23T14:18:56.299000+02:00

Hello everyone,

I have the following problem.

Our requirement is to build an application where it will be possible to create a group of suppliers for some purchasing organization and then on child level add suppliers to the group.

On the photo you can see a group created for Purchorg 1000.

Now i want to add suppliers to the group. For the field supplier i have created a VH. I need to take the value for PurchOrg from parent entity and based on it, display the VH. But it doesn't work. There is no value in the field PurchOrg.

I tried to do that in 2 ways with additional binding. Based on key field PurchOrg and based on association field. In both cases, it doesnt work.

After creation of new entry for supplier, the value for PurchOrg is passed. I think that at the time of creation these values are not filled.

After creation the value is passed.

Anyone have an idea how can pass the values from parent entity into vh on the child lvl(entity).

Thanks!

Struggling with Filters on Select - Fiori App

2024-04-25T07:59:20.818000+02:00

Dear Experts,

I hope this message finds you well.

I am currently working on a project that involves two dropdown menus. The first dropdown, Box 1, displays a list of manufacturers, such as A and B. The second dropdown, Box 2, presents the corresponding models for each manufacturer, for instance, A1, A2, A3 for manufacturer A, and B1, B2, B3 for manufacturer B.

Upon initial load, Box 1 defaults to manufacturer A, and Box 2 contains all models (A1, A2, A3, B1, B2, B3), with A1 being the pre-selected model.

My objective is to dynamically filter the options in Box 2 based on the selection made in Box 1. I attempted to implement this functionality using the following code snippet, but it was unsuccessful:

Nevertheless, I managed to achieve the desired outcome by hardcoding the filter value as shown below:

items = {
path: '/SprayModelSet',
filters: [{ path: 'SprayMachineMake', operator: 'EQ', value1: 'A' }],
sorter: { path: 'SprayMachineModel' }
};

This code effectively narrows down the options in Box 2 to A1, A2, A3, with A1 as the default selection, while excluding the B series models.

However, I am encountering difficulties in making the filter dynamic, such that the selected value from Box 1 is passed as a filter to Box 2.

Could you please provide guidance on how to achieve this dynamic filtering?

Thank you for your assistance.

Warm regards,

Pablo Ghosh Roy

Did this worked for anyone.?

2024-04-29T16:47:36.217000+02:00

@ramesh_putta

Fiori Elements Internal Navigation

2024-04-30T17:20:28.845000+02:00

Hello everyone!

In a Fiori Elements application I'm trying to navigate to an ObjectPage by clicking on the button and I am getting this error in the console.

Could anyone tell me what I'm doing wrong?

Best regards,
Brenda Alves.

Variant management sap.ui.fl.variants variant not visible to other users

2024-05-01T13:43:02.846000+02:00

I have a sap.ui.table with over 50 columns that requires Variant Management. To achieve this, I utilized sap.ui.fl.variants and successfully implemented the feature to create and view the saved variant. However, I'm not able to find a option to make it visible to others or setting it as the default variant for others.

P.S. The UI5 application has been deployed in BTP, and I am accessing it through the launchpad.

Changes do not update in Fiori Launchpad

2024-05-01T18:28:24.892000+02:00

Hi Experts,

I am trying to add log icon or a text (Log Out) to the shell toolbar next to the search icon as you can see in the photo of FLP.

The issue is: I can not see the changes in Fiori Launchpad. I have tried with

/UI2/INVALIDATE_CLIENT_CACHES ,, /UI2/INVALIDATE_GLOBAL_CACHES ,, /UI5/APP_INDEX_CALCULATE and /IWFND/CACHE_CLEANUP. /IWBEP/CACHE_CLEANUP ,, /UI2/CHIP_SYNCHRONIZE_CACHE ,, /UI2/DELETE_CACHE_AFTER_IMP ,, /UI5/UPDATE_CACHEBUSTER ,, /UI2/INVALIDATE_GLOBAL_CACHES.

SMICM. Goto -> HTTP plugin -> Server cache -> Invalidate Locally and Globally.

I also cleared the browser cache.

No updates can I see.

This is my component.js file

sap.ui.define([
    "sap/ui/core/UIComponent"
],
function (UIComponent) {
    "use strict";

    return UIComponent.extend("logoutplugin.Component", {
        metadata: {
            manifest: "json"
        },

        init: function () {
            UIComponent.prototype.init.apply(this, arguments);
            this._createLaunchpadButton();

            
        },

        getRenderer: function () {
            var oDeferred = new jQuery.Deferred();
            this._oShellContainer = jQuery.sap.getObject("sap.ushell.Container");
            if (!this._oShellContainer) {
                oDeferred.reject("Illegal state: shell container not available");
            } else {
                var oRenderer = this._oShellContainer.getRenderer();
                if (oRenderer) {
                    oDeferred.resolve(oRenderer);
                } else {
                    this._onRendererCreated = function (oEvent) {
                        oRenderer = oEvent.getParameter("renderer");
                        if (oRenderer) {
                            oDeferred.resolve(oRenderer);
                        } else {
                            oDeferred.reject("Illegal state: shell container not available");
                        }
                    };
                    this._oShellContainer.attachRendererCreatedEvent(this._onRendererCreated);
                }
            }
            return oDeferred.promise();
        },
        _createLaunchpadButton: function () {
            this._getRenderer().fail(function (sErrorMessage) {
                jQuery.sap.log.error(sErroMessage, undefined, "shellExtended.shellExtend.Component");
            }).done(function (oRenderer) {
                var oButton = new sap.m.Button({
                    icon: "sap-icon://log",
                    tooltip: "Log Out",
                    press: function () {
                        // 
                    }
                });
        
                oRenderer.getHeaderControl().addContent(oButton, { shift: 3 });
            }.bind(this));
        }
        
    });
});

Thank you.

How can we use a feature that comes with new version, in the old version of the system ?

2024-05-02T11:55:36.975000+02:00

Hi experts,

We cannot use a new feature in the sapui5 library in the project because the customer is using an old version?
Is there a solution to this?

For example, do we have no chance of using the multi barcode reading feature of 1.115 on a system with 1.71? Is the solution to this just an upgrade? Is there a challenging but workaround solution?

I am sharing a note and blog I found about this. The solution seems to be an upgrade, but I wanted to confirm again.

Note

https://me.sap.com/notes/3360855/E

Blog

https://community.sap.com/t5/technology-blogs-by-members/barcode-scanning-from-sapui5-applications-via-browsers/ba-p/13560133

SAP Firori Smart Table

2024-05-02T17:30:09.322000+02:00

Hi Experts,

I've created one smart table. but when I run the application automatically data will be populated based on the Odata which was incorporated with the Fiori application. Don't want to fetch the data automatically. I just need the data when click the go button. I tried enableAutoBinding="false" also, But not working for me.

Share your suggestion on this.

Also attached some codes for your reference.

<mvc:View 
    xmlns:table="sap.ui.table"  
    xmlns="sap.m" 
    xmlns:core="sap.ui.core"
    xmlns:mvc="sap.ui.core.mvc" 
    xmlns:smartFilterBar="sap.ui.comp.smartfilterbar"
	xmlns:smartTable="sap.ui.comp.smarttable" 
    xmlns:html="http://www.w3.org/1999/xhtml" 
    xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
    controllerName="project1.controller.View1" 
    displayBlock="true" 
    height="100%">
	<VBox id='_IDGenVBox1' fitContainer="true">
        <smartFilterBar:SmartFilterBar id='smartFilterBar'
                                       entitySet="invoiceSet" 
                                       persistencyKey="SmartFilter_Explored" 
                                       basicSearchFieldName="DocdtlsNo" 
                                       enableBasicSearch="true"
                                       advancedMode="false" 
                                       showAllFilters="true"
                                       search="onValidation">
                                      
            
	    </smartFilterBar:SmartFilterBar>
		<smartTable:SmartTable id='LineItemsSmartTable' 
                               entitySet="invoiceSet" 
                               smartFilterId="smartFilterBar" 
                               tableType="Table"
                               useTablePersonalisation="false"
                               useVariantManagement="true"
                               persistencyKey="SmartTableAnalytical_Explored" 
                               showRowCount="true"  
                               header="E-invoice Console" 
                               class="sapUiResponsiveContentPadding" 
                               enableAutoColumnWidth="true" 
                               enableAutoBinding="false"
                               editTogglable="true" 
                               app:useSmartToggle="true" 
                               busy="false"
                               editable="false"                               
                               busyIndicatorDelay="1000"       
                               initiallyVisibleFields="docno">
		    <smartTable:layoutData>
		        <FlexItemData id='_IDGenFlexItemData2' growFactor="1" baseSize="0%"/>
		    </smartTable:layoutData>
             <smartTable:customToolbar>
                <OverflowToolbar id="_IDGenOverflowToolbar1" design="Transparent">
                <ToolbarSpacer id="_IDGenToolbarSpacer1"/>
                   <Button id="_IDGenButton1" text="Reprocess" type="Emphasized" press="onReprocess" icon="sap-icon://refresh" />
                   <Button id="_IDGenButton2" text="Generate" type="Success" press="onGenerate" icon="sap-icon://status-completed"/>
                   <Button id="_IDGenButton3" text="Cancel" type="Negative" press="onCancel" icon="sap-icon://cancel"/>
                </OverflowToolbar>
            </smartTable:customToolbar>
            <table:Table id="_IDGenTable1" rows="{/invoiceSet}">
	            <table:columns>
		            <table:Column id="_IDGenColumn1" width="3.5em">
			            <Label id="_IDGenLabel1" text="Status"></Label>
			            <table:template>
                            <core:Icon id="icon" src="sap-icon://alert" class="yellowText" height="1.5em"></core:Icon>
			            </table:template>
		            </table:Column>
                    <table:Column id="_IDGenColumn2" width="5.371em">
			            <Label id="_IDGenLabel2" text="Description"></Label>
			            <table:template>
				            <Text id="_IDGenText1" text="Ready" class="yellowText" />
			            </table:template>
		            </table:Column>
	            </table:columns>
            </table:Table>
       </smartTable:SmartTable>
	</VBox>
</mvc:View>

Blank page when accessing Fiori applications on BTP

2024-05-03T05:36:37.106000+02:00

Hello.
We are having a problem accessing Fiori's apps that were 'exposed' in a BTP workzone.

It happens when accessing any application. It doesn't show any error messages, just the screen is blank.

All "identity provider" and "content federation" settings have already been reviewed.

Does anyone have any suggestions?

Adaptation Project: Add arbitrary fields and controller logic

2024-05-03T11:52:01.396000+02:00

I want to add additional fields in an adaptation project which are not in the OData model.

Presumably this means having to add a local (JSON) model for the new custom fields as well.

(The requirement would be to set a value in the OData model based on the new field).

Looking through the documentation, I cannot see anything that fits this kind of enhancement (Adapt the UI | SAP Help Portal).

Is there a way, in an adaptation project, to:

Add arbitrary/new fields in an adaptation project
Add a JSON model for the new fields' values
Enhance the controller to respond to events from the new fields?

SAP Fiori

Advanced Financial Closing in SAP ECC

2024-05-03T19:57:32.873000+02:00

Hello everyone,
I am currently evaluating the Advanced Financial Closing. According to the SAP information, it should be possible to connect the Advanced Financial Closing to SAP ECC (see OSS https://me.sap.com/notes/2873915).

As part of a PreSales case, I came across the fact that there is no possibility to store the task type “transaction code” in the business transactions, but only the task types “Fiori app application” and “job”.

Is it a mandatory requirement to have the Fiori interface installed for the backend system in order to use Advanced Financial Closing?

Thank you very much for your feedback.

SAP Fiori Apps in BTP - How to Handle Output Files from Fiori (PDF)

2024-05-03T20:58:34.390000+02:00

We are developing our first fiori app - in BTP. This app creates purchase orders and sales orders in our ECC system. When the purchase/sales order is saved in SAP it generates a PDF output confirmation that we send to our customer and supplier by email.

Additionally we would like our fiori app to autosave these files to a shared network drive that is accessible from our ECC PRD server.

Does anyone have any information or resources or experience building Fiori apps in BTP and how do you handle outputs from that system (whether they are PDF or Excel or any other format)?

I posted this question a couple of weeks ago to the Technology community (https://community.sap.com/t5/technology-q-a/btp-apps-amp-saving-outputs-to-local-network-storage/qaq-p/13673743) but got no response.

Any feedback or ideas would be appreciated!

Changes are not visible in the MyInbox fiori app after extending it using adapation project

2024-05-06T13:43:19.108000+02:00

Hello,

I have the below confuguration in my system: SAP S/4HANA 2023 FPS01 and SAP FIORI FES 2023 FOR S/4HANA.
I want to adapt/extend the UI of the standard Fiori app MyInbox (F0862)
1. After creating an adaptation project in BAS, I tried to extend the view using the existing UI extensions or hooks

2. This created a fragment under the change folder but the changes are not reflected?

So can we extend the MyInbox app using Adaptation project in BAS? or we need to do some work around?

Change Component in Mass Maintenance of Bills Of Material Items

2024-05-06T14:54:54.230000+02:00

Hi experts.

In the app, Mass Maintenance of Bills Of Material Items (F6578), I try to change the component since it is an option in the attribute list. But when simulating or execution I get the following error:

The material does not exist or is not activated / Consistency check when changing BOM item was not successful / BOM Item operation failed

Can it be true that it isn't possible to change a component in a BOM or several BOM's from this app? I have also tried to add additional attributes in combination with the component attribute such as item category, quantity, unit of measure etc. without any luck.

I know we can replace components from the Material Where-Used List in BOMs app, but it could be great to do it from here if other attributes need to be changed as well.

How to make product type group mandatory in creating PR?

2024-05-06T16:08:19.596000+02:00

Hello Expert,

Is there any way we can mandatory the Product type group in PR. As of now we need to select the product type for services and goods procurement. But we want that it will be select for both type of procurement automatically. Also note that we are not using services as material Instead we create services PR on short Text. Or any suggestion related to this.

Thanks

We need help knowing how to edit and improve an odata service in SAP Cloud.

2024-05-07T23:32:16.046000+02:00

How to modify and enhance odata services?

we need to add the below changes on odata service:

order by column
Group by column
Add the sum and columns for each group.

------------------------------------------------------------------------------------------------------------------------------------------------
Learn more about the SAP Support user and program here.

UI5 Build Error when deploying to SAPUI5 ABAP Repo

2024-05-14T19:10:05.103000+02:00

I have deployed this application several times before but this time, when deploying the app using the same means, I am getting the following error which is preventing me from deploying:

12:50:07 (DIBuild) npm ERR! code ENOTFOUND
npm ERR! syscall getaddrinfo
npm ERR! errno ENOTFOUND
npm ERR! network request to https://npm.sap.com/@sap/ui5-builder-webide-extension/-/ui5-builder-webide-extension-1.0.5.tgz failed, reason: getaddrinfo ENOTFOUND npm.sap.com
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'

What can I do to resolve this?

Table Header Cell coloring in sap.ui.table

2024-05-15T14:53:15.178000+02:00

Hello All

Our UI5 version is 1.71.55

The requirement is to color the cell of headers. We have multi headers (2 headers). For 1st level header, need to color the cell with different colors. Tried with different options and still color is not reflecting.

Gave class name directly in Label; but only Label background changes but not the complete cell.

Tried with Vertical Layout option; but again it's full-cell coloring didn't work; also second level header was missing.

Any ideas?

<tab:Column id="id_colexMatCompType" filterProperty="exMatCompType" width="7rem"

headerSpan="5">

<tab:multiLabels>

<Label id="_IDexMatCompType1"

text="Exact Composition based on starting materials"

textAlign="Center" width="100%" class="tableHeaderWrap" />

<Label id="id_labelexMatCompType"

text="{/#composition/exMatCompType/@sap:label}"

tooltip="{/#composition/exMatCompType/@sap:label}" />

</tab:multiLabels>

Dynamic Trend Calculation for KPI in Analytical CDS View

2024-05-16T10:31:37.036000+02:00

I use an Analytical CDS View (Query) to get the Average Delivery Delay of Sales Order Items as an KPI in my SAPUI5 application. The value is calculated in the CDS view:

@AnalyticsDetails.query.decimals: 3
@AnalyticsDetails.query.formula: 'NDIV0( $projection.TotDelivToReqdDelivDelayInDays / $projection.NumberOfIncomingSlsOrderItems )'
cast(1 as avg_deliv_to_reqd_deliv_delay) as AvgDelivToReqdDelivDelayInDays

I created a DataPoint for this field:

<Annotation Term="UI.DataPoint" Qualifier="DataPointDurchschnittLieferverzug">
  <Record Type="UI.DataPointType">
    <PropertyValue Property="Title" String="someTitle" />
    <PropertyValue Property="Description" String="someDesc" />
    <PropertyValue Property="Value" Path="AvgDelivToCmtdDelivDelayInDays" />
    ...
    <PropertyValue Property="TrendCalculation">
      <Record Type="UI.TrendCalculationType">
        <PropertyValue Property="ReferenceValue" Path="ReferenceField" />
        <PropertyValue Property="UpDifference" Decimal="3" />
        <PropertyValue Property="StrongUpDifference" Decimal="10" />
        <PropertyValue Property="DownDifference" Decimal="-3" />
        <PropertyValue Property="StrongDownDifference" Decimal="-10" />
      </Record>
    </PropertyValue>
  </Record>
</Annotation>

I would like to show a trend indicator for my KPI. Lets say, I want to use the average value of the past 7 days as a reference and get a trend (up/down) from that. I know its possible to get a reference value from another field or set a static value for the ReferenceValue property.

My question is, is it possible to calculate the reference value in the query view based on a time span?
All tutorials regarding trend calculation of KPIs I found online always assume you have a reference value already present as a field in your view. But in this case, the KPI value that I need a reference for is calculated in the same view...

Would it be possible to get the reference value from a different view instead of a field of the same entity?

SAPUI5 Embeddable WorkZone Knowledge Base Widget Errors

2024-05-16T10:35:22.820000+02:00

Hello Team,

We have a requirement to build a knowledge base widget and use it on an SAP UI5 Application. Made the required changes as per the documentation link.

However, we encountered a couple of issues that are hindering the completion of the integration process. Here are the details of the issues:

CORS Issue:

The application is deployed on the SAP BTP HTML Repository. while generating a single-use token, we encountered a CORS issue despite configuring the deployed HTML application in SAP BTP trusted domains. The error message indicates that it is a CORS error. Please suggest where changes are needed to resolve the CORS issue.

Below are the code changes regarding single-use token generation.

Component.js
jQuery.ajax({
	url: " https://XXXX.xxx-1.dws.workzone.ondemand.com/v1/single_use_tokens",
	type: "POST",
	beforeSend: function(xhr) {
		xhr.setRequestHeader("Authorization", "Bearer XXXXXXXXXXXXXXXXXX");
	},
	success: function(data) {
		// Parse the XML response
		var parser = new DOMParser();
		var xmlDoc = parser.parseFromString(data, "text/xml");
		// Get the single_use_token element
		var singleUseTokenElement = xmlDoc.getElementsByTagName("single_use_token")[0];
		// Get the value of the id attribute
		var tokenId = singleUseTokenElement.getAttribute("id");
		console.log("Token ID  0" + tokenId);
		// Set the token ID value to the data object
	},
	error: function(xhr, status, error) {
		// Handle error
		console.error("Error occurred while fetching single use token:", error);
	},
});<ol><li><strong><u>Failed to Load the Widget: When attempting to load the widget, the error message suggests that there was a script load error while trying to load 'jam/widget/wzKBWidget.js' from the specified URL. Here's the detailed error message:<li-code lang="bash">Failed to load component for container container - ModuleError: failed to load 'jam/widget/wzKBWidget.js' from https://XXXXXXX.X1.dws.workzone.ondemand.com/widget/jamWidget/wzKBWidget.js: script load error ModuleError: failed to load 'jam/widget/wzKBWidget.js' from https://XXXXXX.xxx-1.dws.workzone.ondemand.com/widget/jamWidget/wzKBWidget.js: script load error<p>Below are the code changes regarding DWS Knowledge Base Widget as per the documentatio</p><p>a. <strong><u>Component.js<strong> (As per the Properties DWSInstance Option): Single use token is hard coded which is generated through rest postman.<li-code lang="javascript">// Set up the data model
var oData = {
DWSInstance: {
uri: " https://XXXXXXXXX.xxx-1.dws.workzone.ondemand.com/",
singleUseToken: "Xxxxxxxxxxxxxx",
},
};
var oModel = new sap.ui.model.json.JSONModel(oData);
this.setModel(oModel);

2. Failed to Load the Widget:

When attempting to load the widget, the error message suggests that there was a script load error while trying to load 'jam/widget/wzKBWidget.js' from the specified URL. Here's the detailed error message:

Failed to load component for container container - ModuleError: failed to load 'jam/widget/wzKBWidget.js' from https://XXXX.eu10-1.dws.workzone.ondemand.com/widget/jamWidget/wzKBWidget.js: script load error
ModuleError: failed to load 'jam/widget/wzKBWidget.js' from https://XXXXX.eu10-1.dws.workzone.ondemand.com/widget/jamWidget/wzKBWidget.js: script load error

Below are the code changes regarding DWS Knowledge Base Widget as per the documentation.

a. Component.js (As per the Properties DWSInstance Option): Single use token is hard coded which is generated through rest postman.

// Set up the data model
var oData = {
DWSInstance: {
uri: " https://XXXXXXX.eu10-1.dws.workzone.ondemand.com/",
singleUseToken: "Xxxxxxxxxxxxxx",
},
};
var oModel = new sap.ui.model.json.JSONModel(oData);
this.setModel(oModel);

b. index.html (As per the STEP 2 Documentation):

<script id="sap-ui-bootstrap" src="https://sapui5.hana.ondemand.com/1.115.1/resources/sap-ui-core.js"
data-sap-ui-theme="sap_horizon"
data-sap-ui-resourceroots='{
"sap.m.sample.OverflowToolbarFooter": "./",
"app": "./",
"jam.widget": " https://XXXXXXX.xxxx-1.dws.workzone.ondemand.com/widget/jamWidget"
}'
data-sap-ui-compatVersion="edge"
data-sap-ui-async="true"
data-sap-ui-frameOptions="trusted"
data-sap-ui-oninit="module:sap/ui/core/ComponentSupport">
</script>

c. WzKBWidget.view.xml (As per the STEP 3 Documentation):

<!-- Add the library to project resource roots -->
<jamWidget:wzKBWidget id="wzKBWidget"
DWSInstance="{/DWSInstance}"
widgetWidth="auto"
widgetHeight="600px"
pageSize="10"
defaultColumns="title,group">
<Button id="_IDGenButton1" text="Attach" press="handleAttach" />
</jamWidget:wzKBWidget>

Although we made the changes as per the documentation, we still face the errors above, please suggest what we should do further to overcome this.

Thanks

Kishore