SAP Community - JavaScript

Sap Analytics Cloud insert Dynamic Comments in a client calculation Dimension Comment

2023-12-07T15:48:21+01:00

Hello everyone,

what I am trying to achieve is to insert some values in a Dimension Comment Column dinamically based on a condition,

I want to insert into the "Dimension Comment" Column of the right table a comment which contains the value of the VAT measure of the Left table, for the same id between Legal Entity and Intercompany (eg. Intercompany BD01 should contain 58,472,55 in the Dimension Comment column)

I have written this code onInitialization event:

var selections = Table_8.getDataSource().getDataSelections();

var seltab1=Table_8.getDataSource().getResultSet(); //this contains the resultset of the left table

var seltab2=Table_9.getDataSource().getResultSet(); //this contains the resultset of the right table

for ( var i=0;i<seltab1.length;i++) //this loops on the left table

{

for(var j=0;j<seltab2.length;j++){ //this loops on the right table

if(seltab1[i]["Legal_Entity"].id===seltab2[j]["Intercompany"].id){ //if the ids are equal

if(seltab1[i][Alias.MeasureDimension].description==="VAT"){ //if it's the measure VAT

var dataCell1=Table_8.getDataSource().getData(selections[i]); //get that value

var val=dataCell1.rawValue;

Table_9.getComments().setDimensionComment(seltab2[j],val);

//set the comment with the taken value on the current selection

}

But it doesn't work, the applications goes in script error...

the value is taken correctly, the code goes well til the instruction "var val=dataCell1.rawValue;"

There's something wrong in the way I'm passing the current selection...

Can anyone help me correct my code?

Many thanks,

Best Regards.

Filomena.

Error during AggregationBinding for sap.suite.ui.commons.networkgraph.Node

2023-12-07T16:07:25+01:00

Hi all,

I am trying to figure out in a single page how to set values into the network graph node and attributes. Without the "attributes" everything is displayed fine, but when using the "attributes" and trying to bind them with the factory method I get the mentioned error message from the title:

Here is my coding, running "offline" as a plain test of functionality (as I know its not a complete application):

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>SAPUI5</title>
    <!-- 1.) Load SAPUI5 (from a remote server), select theme and control library -->
    <script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_bluecrystal"
        data-sap-ui-libs="sap.m,sap.suite.ui.commons,sap.ui.commons"></script>

	<script>
		//factory function for Groups
		function createGroup(id, context) {
			return new sap.suite.ui.commons.networkgraph.Group({
				key: { path: "key" },
				title: { path: "title" },
				icon: { path: "icon" },
				collapsed: { path: "collapsed" },
				shape: { path: "shape" },
			});
		}

		//factory function for Attributes
		function createAttribute(id, context) {
			return new sap.suite.ui.commons.networkgraph.ElementAttribute({
				label: { path: "label" },
				value: { path: "value" },
			});
		}

		//factory function for Nodes
		function createNode(id, context) {
			return new sap.suite.ui.commons.networkgraph.Node({
				key: { path: "key" },
				title: { path: "title" },
				icon: { path: "icon" },
				group: { path: "group" },
				shape: { path: "shape" },
				attributes : { path : "attributes" },
			});
		}

		//factory function for Lines
		function createLine(id, context) {
			return new sap.suite.ui.commons.networkgraph.Line({
				from: { path: "from" },
				to: { path: "to" },
				arrowPosition: { path: "arrowPosition"}
			});
		}

		//function that draws page content
		function init() {
			// create json of data model
			const json =
			// <! merge json!>
			{"nodes":[	{"key":1,"title":"Component 1","icon":"sap-icon://blur","shape":"Circle", "attributes": [{"label":"a","value":"1"}]},
						{"key":2,"title":"Component 2","icon":"sap-icon://blur","shape":"Circle", "attributes": [{"label":"a","value":"1"}]},
						{"key":3,"title":"Component 3","icon":"sap-icon://blur","shape":"Circle", "attributes": [{"label":"a","value":"1"}]},
						{"key":4,"title":"Component 4","icon":"sap-icon://blur","shape":"Circle", "attributes": [{"label":"a","value":"1"}]}
					],
			"lines":[	{"from":2,"to":4,"arrowposition":"Middle"},
				        {"from":3,"to":4,"arrowposition":"Middle"}
					]
			};

			const model = new sap.ui.model.json.JSONModel(json);

			const panel = new sap.m.Panel({
			headerText: "Simple Network Graph App",
			}).placeAt("uiArea");

			const vbox = new sap.m.VBox();
			vbox.addStyleClass("sapUiSmallMargin");
			panel.addContent(vbox);


			// Create graph and bind aggregations to model paths
			const graph = new sap.suite.ui.commons.networkgraph.Graph();
			graph.setModel(model);
			
			graph.bindAggregation("groups", "/groups", createGroup);
			graph.bindAggregation("nodes", "/nodes", createNode);
			graph.bindAggregation("attributes", "/nodes/attributes", createAttribute); // <= ???
			graph.bindAggregation("lines", "/lines", createLine);

			vbox.addItem(graph);
		}

		//attaching init function to core initializing callback
		sap.ui.getCore().attachInit(init);
	</script>

</head>
<body class="sapUiBody">

    <!-- This is where you place the UI5 -->
    <div id="uiArea"></div>

</body>
</html><br>

How could I bind the attributes from the json model here to the nodes-attribute? Any help or hint will be appreciated.

Thanks.

Customizing Fiori App Navigation: Overriding Extension API Event Handler

2023-12-13T17:05:10+01:00

Hello Experts,

We have a requirement to extend the standard Fiori application, Manage Purchase Requisition app.

Requirement: When we are creating an order in this application, it currently navigates to a standard application, but we want it to navigate to a custom application.

Analysis: Upon investigation of standard application, we found that they're attaching ( using extension API ) an onAfterActivate event to the object page in the application. This event is executed upon completion of the creation process, and within it, they've hardcoded the navigation to a standard application using a semantic object and action.

Standard App Code :

 this.extensionAPI.getTransactionController().attachAfterActivate(jQuery.proxy(this.onAfterActivate, this));

        onAfterActivate: function(e) {
            e.activationPromise.then(function(r) {
                try {
                    var m = JSON.parse(r.response.headers["sap-message"]).message;
                    M.show(m);
                } catch (c) {}
                ;setTimeout(function() {
                    if (!this.oNavigationHandler) {
                        this.oNavigationHandler = new N(this,sap.fe.navigation.Mode.ODataV2);
                    }
                    this.oNavigationHandler.navigate("PurchaseRequisition", "createSSP", {});
                }
                .bind(this), 6000);
            }
            .bind(this));
        }

Is there a way to override the attached event so that we can write our own code for navigating to the custom application?

How reuse parts of a SAPUI5 application in other/multiple sap ui5 applications.

2024-01-01T14:46:10+01:00

I have a requirements to use one application fragments in all the application where the same fragment is used in all apps , how can i reuse fragments of one app in another app which should work even after deployment to cloud foundary or any other system.

i have checked all blogs related to this but there is no blog which contains fragments and i need a help from sap world
to reuse fragments over multiple applications.

Please help me with any git links or any blog related to my topic .

SAC; Story; tryStatement

2024-01-04T14:08:23+01:00

Is it possible to write TRY-CATCH-FINALLY statement in script in order to provide a 'friendlier' error message for the users?

Many thanks in advance!

How to consume one application component in another using a destination service in Bas

2024-01-12T10:07:51+01:00

i have sap ui5 application with two input fields with value help dialogs and two fragments will be opened by clicking the valuehelps .

i have deployed the apps in cloud foundry now i have deployed app url

now i have another sap ui5 application, i want to consume the fragments and input fields of deloyed app in this appliation
how can i reuse the component of a deployed application in other sap ui5 apps using a destination service or is there anyway to consume the app
i have created cap application and created a fiori app and deployed in CF and i created a destination
is it possible to do this using destination
I need assistance regarding or i need any git links with similar requirement.

Override of onBeforeNavigation in Object Page Controller extension is not called

2024-02-01T09:08:24.620000+01:00

Hello,

I have the requirement to override the navigation from a responsive table on an Object Page in an OData V4 app. I have followed the instructions here:

https://sapui5.hana.ondemand.com/sdk/#/topic/b20dc7a3d9ca41bebdb86fc3ae3295bf

My problem is that the onBeforeNavigation override method is never called, and it just proceeds with the default navigation settings.

I have overridden the onInit and onBeforeRendering methods in the same controller extension, and these work fine. Also in the same app, I have a List Report controller extension with the routing/onBeforeNavigation method overridden, and this works fine.

Are the instructions incorrect/incomplete for the Object Page table? Is there a trick here that I am missing?

ControllerExtension.extend("sap.fe.templates.ObjectPage.ObjectPageController", {
        override: {
            routing: {
                onBeforeNavigation: function(oContextInfo) {
                    console.log(oContextInfo);
                    return true;
                }
            }

How to use node modules in SAPUI5 Fiori Javascript

2024-02-07T15:24:45.752000+01:00

Hello everyone! I am developing a Fiori app using Javascript and I integrated it with Node.js. Then, I installed the SPPull library (the library I need) with npm and I have it in the node_modules folder, this is the structure of the library:

Source code of library: GitHub - koltyakov/sppull: 📎 Download files from SharePoint document libraries using Node.js without hassles

My problem is that I don’t know how to import this library (SPPull) into my view controller (In sap.ui.define). What path should I use? What steps should I follow? Regards.

How to request property for all selected items in list report?

2024-02-12T08:31:59.218000+01:00

I have an OData v4 based FE list report app. I need to take action whenever the user changes the selection of list report's table entries. The first step is to request a few properties from each selected entry.

I know how to get access to the selected entries, and each selected entry has its own context. So, I can use these contexts to request the properties I need. However, this seems rather inefficient as that means I have a backend call for each entry instead of one call for all selected entries. When the user selects many items from the list (e.g. 'Select All'), this becomes a performance problem.

Is there a way to submit a single group request for properties, for all selected entries? There has to be, but I guess I'm missing it.

Call SeriesService_GetDocumentSeries in Service Layer javascript

2024-03-14T05:06:10.133000+01:00

Hello SAP Community,

i having issue on how to get document series list in service layer (javascript). i can not call this SeriesService_GetDocumentSeries in service layer.

is there any way to get document series in service layer?

Thank you.

Method GET not allowed for ACTION.IMPORT

2024-03-25T10:17:57.150000+01:00

I am having an issue with an action that Implemented to Import CSVs.

Locally, it works like a charm, but then when deployed on BTP, I keep getting the error:
GET Method Not Allowed for ACTION.IMPORT.

I am making a post request and not a get. (FYI)

I tested posting a small string, it worked just fine but with the Uploaded CSV “Big string”, I get the error.

Screenshots below:

Frontend upload logic

Handler (nodejs)

Action (schema.cds)

Error:

Different behaviour Business Application Studio vs SAP BTP HTML5-Application with Fragments

2024-03-26T13:43:20.018000+01:00

Hi all,

I'm a Javascript-Noob but need some of it for my Fiori Elements Enhancements.

I built an App where I want to have a Custom Action. Within this action I'm calling an API to fetch values and then calling a fragment I built with XML. Inside the Fragment the values fetched will be visible in a dropdown. On Business Application Studio everything is working. My Fragmentis opening without problems and my data is presented there.

Then I deployed the App to our BTP as an HTML5-Application (via MTA). The App is opening and everything works beside the Fragment. My coding looks like this (instead of debugger I'm doing some things, but in the end I'm opening the Fragment via the open()-Method.

var QueryTaskCodes = jQuery.ajax
    ({
        type: "GET",
        contentType: "application/json",
        url: URLTaskCodes,
        dataType: "json",
        success: function (data) {
            if (!that.pDialogCloseCreateNotification) {
                that.loadFragment({
                    id: "CreateAndClose",
                    name: "some.app.ext.fragment.CreateAndClose",
                    type: "XML",
                    controller: that //this
                    }).then((oDialog) => {
                        debugger;
                        that.pDialogCloseCreateNotification = oDialog;
                        that.pDialogCloseCreateNotification.open();
                        });
    }}})

Within the Busines Application Studio Preview the debugger shows, that oDialog is set.

However, on BTP HTML5-App it's undefined.

What am I missing? What am I doing wrong?

Best wishes,

Julian

binding issue in planning calender

2024-04-08T12:26:46.865000+02:00

<mvc:View controllerName="vaspp.timetracking.controller.timetracking"

xmlns:core="sap.ui.core"

xmlns:mvc="sap.ui.core.mvc"

xmlns:unified="sap.ui.unified"

xmlns="sap.m">

<PlanningCalendar

id="PC1"

appointmentsVisualization="Filled"

viewChange="viewChange"

viewKey="Week"

appointmentSelect="handleAppointmentSelect"

showEmptyIntervalHeaders="false"

showWeekNumbers="true"

intervalSelect="handleAppointmentAddWithContext"

rows="{path: '/'}">

<views>

<PlanningCalendarView id="_IDGenPlanningCalendarView1"

key="Day"

intervalType="Hour"

description="Day"

intervalsS="3"

intervalsM="6"

intervalsL="12"

showSubIntervals="true">

</PlanningCalendarView>

<PlanningCalendarView id="_IDGenPlanningCalendarView2"

key="Week"

intervalType="Day"

description="Week"

intervalsS="1"

intervalsM="2"

intervalsL="7"

showSubIntervals="true">

</PlanningCalendarView>

<PlanningCalendarView id="_IDGenPlanningCalendarView3"

key="OneMonth"

intervalType="Month"

description="Month">

</PlanningCalendarView>

</views>

<rows>

<PlanningCalendarRow id="PlanningCalendarRowtimetracking"

title="{firstName} {lastName}" text="{designation}"

appointments="{path : 'p_appointments', templateShareable:false}"

intervalHeaders="{path: 'p_appointments', templateShareable: false}" >

<unified:CalendarAppointment id="CalendarAppointmenttimetracking"

startDate="{startDate}" endDate="{endDate}" title="{timesheetModel>totalHours}"

type="{= ${status} === 'Approved' ? 'Type08' : (${status} === 'Rejected' ? 'Type13' : 'Type06') }" tentative="false" >

</unified:CalendarAppointment>

</appointments>

<unified:CalendarAppointment

id="CalendarIntervaltimetracking"

startDate="{startDate}" endDate="{endDate}" title="{name}" text="{description}"

type="Type02" tentative="false"

</unified:CalendarAppointment>

</intervalHeaders>

</PlanningCalendarRow>

</rows>

</PlanningCalendar>

</VBox>

</mvc:View>
startDate="{startDate}" endDate="{endDate}" title="{timesheetModel>totalHours}" not binding

smarttable barcode

2024-04-10T17:47:20.454000+02:00

Hi,

I need to convert a smart table cell into a barcode image.

I am using the function JsBarcode inside a formatter but I am having an error because, I think, the table is not rendered yet.

In my view.xml I have:

<cells>

<Image id="T" src="{path: 'Obj_key', formatter:'.formatBarcode'}" />

</cells>

Is there a way I can manipulate a smart table item cell after it has been rendered, as I think this might solve the issue?.

Thanks,

Javier

sapui5 smarttable barcode

2024-04-10T18:21:21.439000+02:00

Hi,

I need to convert a smart table cell into a barcode image.

I am using the function JsBarcode inside a formatter but I am having an error because, I think, the table is not rendered yet.

In my view.xml I have:

<cells>

<Image id="T" src="{path: 'Obj_key', formatter:'.formatBarcode'}" />

</cells>

Is there a way I can manipulate a smart table item cell after it has been rendered, as I think this might solve the issue?.

Thanks,

Javier

How to add dynamically formcell or button table in SectionedTable0 of Current(Main) MDK Page

2024-04-18T13:27:19.979000+02:00

I am working on dynamically adding formcell or button based on the Odata action response. I have referred to this link reference link , but it opens a new page of Main page rather than refreshing the current one.

{
	"Controls": [
		{
			"FilterFeedbackBar": {
				"ShowAllFilters": false,
				"_Type": "Control.Type.FilterFeedbackBar"
			},
			"_Type": "Control.Type.SectionedTable",
			"_Name": "SectionedTable0",
			"Sections": [
				{
					"Separators": {
						"TopSectionSeparator": false,
						"BottomSectionSeparator": true,
						"HeaderSeparator": true,
						"FooterSeparator": true,
						"ControlSeparator": true
					},
					"Controls": [
						{
							"validationProperties": {
								"SeparatorBackgroundColor": "#ff0000",
								"SeparatorIsHidden": false,
								"ValidationViewIsHidden": true
							},
							"Value": "Weekly",
							"_Type": "Control.Type.FormCell.SegmentedControl",
							"_Name": "FormCellSegmentedControl0",
							"IsVisible": true,
							"Separator": false,
							"Caption": "Time Entry",
							"IsEditable": true,
							"ApportionsSegmentWidthsByContent": false,
							"Segments": [
								"Daily",
								"Weekly"
							]
						}
					],
					"Visible": true,
					"EmptySection": {
						"FooterVisible": false
					},
					"_Type": "Section.Type.FormCell",
					"_Name": "SectionFormCell0"
				},
				{
					"Separators": {
						"TopSectionSeparator": false,
						"BottomSectionSeparator": true,
						"HeaderSeparator": true,
						"FooterSeparator": true,
						"ControlSeparator": true
					},
					"Controls": [
						{
							"Value": "Enter Date",
							"_Type": "Control.Type.FormCell.DatePicker",
							"_Name": "FormCellSelectCopyWeekDatePicker",
							"IsVisible": true,
							"Separator": true,
							"Caption": "Select Week",
							"IsEditable": true,
							"Mode": "Date",
							"OnValueChange": "/DemoApp/Rules/FetchSelectedDateTimeBill.js"
						}
					],
					"Visible": true,
					"EmptySection": {
						"FooterVisible": false
					},
					"_Type": "Section.Type.FormCell",
					"_Name": "SectionFormCell1"
				},
				
			]
		}
	],
	"_Type": "Page",
	"_Name": "Main",
	"Caption": "MDKDemoApp",
	"PrefersLargeCaption": true,
	"ActionBar": {
		"Items": [
			{
				"_Name": "ActionBarItem0",
				"Caption": "User Menu",
				"Icon": "sap-icon://customer",
				"Position": "Right",
				"IsIconCircular": false,
				"Visible": true,
				"OnPress": "/DemoApp/Actions/Application/UserMenuPopover.action"
			}
		],
		"_Name": "ActionBar1"
	}
}

Now on selecting date i need to add two more formcell/buttontable in "SectionTable0".So can i do that when i have referred the reference link it is working but it opening the newpage with updated pageRef rather than i need to make it display on the same page after i add those ui controls dynamically.

pageProxy.binding is undefined

clientAPI.getPageProxy().getActionBinding(); is also undefined

/**
 * Describe this function...
 * @Param {IClientAPI} clientAPI
 */

import GetWeekDetailsFromDate from "./GetWeekDetailsFromDate";

export default async function FetchSelectedDateTimeBill(clientAPI) {

    var selectedDateValue =  new Date(clientAPI.evaluateTargetPath('#Page:Main/#Control:FormCellSelectCopyWeekDatePicker/#Value'));
    const date = new Date(selectedDateValue);
    const { startTimeBillDate, endTimeBillDate } = GetWeekDetailsFromDate(date);


    //pageRef has complete page definition of the mentioned page
    let pageRef = clientAPI.getPageDefinition('/DemoApp/Pages/Main.page');
    let pageProxy = clientAPI.getPageProxy();
    let object = clientAPI.getPageProxy().getActionBinding();
    let currentPageControl = pageRef.Controls;
  

    //adding a new action bar dynamically
    let newFormCellTypeTwo = [
        {
          "Separators": {
            "TopSectionSeparator": false,
            "BottomSectionSeparator": false,
            "HeaderSeparator": false,
            "FooterSeparator": false,
            "ControlSeparator": false
          },
          "Layout": {
            "LayoutType": "Horizontal",
            "HorizontalAlignment": "Leading"
          },
          "_Type": "Section.Type.ButtonTable",
          "_Name": "SectionButtonTable22",
          "Visible": true,
          "EmptySection": {
            "FooterVisible": false
          },
          "Buttons": [
            {
              "_Name": "SectionButton42",
              "Title": "App Accelerator",
              "Alignment": "Left",
              "ButtonType": "Text",
              "Semantic": "Tint",
              "Image": "sap-icon://dropdown",
              "ImagePosition": "Trailing",
              "ImageSize": {
                "Height": 20,
                "Width": 20
              },
              "FullWidth": true,
              "Visible": true,
              "Enabled": true
            },
            {
              "_Name": "SectionButton32",
              "Alignment": "Center",
              "ButtonType": "Secondary",
              "Semantic": "Negative",
              "Image": "sap-icon://delete",
              "ImagePosition": "Trailing",
              "ImageSize": {},
              "FullWidth": true,
              "Visible": true,
              "Enabled": true
            }
          ]
        },
        {
          "Separators": {
            "TopSectionSeparator": false,
            "BottomSectionSeparator": true,
            "HeaderSeparator": true,
            "FooterSeparator": true,
            "ControlSeparator": true
          },
          "Controls": [
            {
              "_Type": "Control.Type.FormCell.SimpleProperty",
              "_Name": "FormCellMon2",
              "IsVisible": true,
              "Separator": true,
              "Caption": "Mon",
              "PlaceHolder": "0.00",
              "Enabled": true,
              "IsEditable": true
            },
          ],
          "Footer": {
            "_Name": "SectionFooter1",
            "Caption": "Total : 0.00",
            "Visible": true,
            "UseBottomPadding": true
          },
          "Visible": true,
          "EmptySection": {
            "FooterVisible": false
          },
          "_Type": "Section.Type.FormCell",
          "_Name": "SectionFormCell2NewProj"
        }
      ];
           
      let updatedControls = currentPageControl.map(item=>{
        if(item.Sections){
          newFormCellTypeTwo.map((item)=>{
            pageRef.Controls[0].Sections.push(item);
          });
        }
        return item;
       })
      
       pageRef.Controls = updatedControls;
        clientAPI.executeAction({
           "Name": "/DemoApp/Actions/GenericNavigation.action",
           "Properties": {
               "PageMetadata": pageRef
          }
       });
       

 


}

sap.m Table image as barcode

2024-04-18T15:38:32.315000+02:00

Hello,

I am displaying a barcode per line item in a Table.

In the event 'updateFinished' I am looping the table and using a formatter to create a barcode based on another table column's value.

The problem is that all the images are overwritten with the last one as shown below?.

Does anybody know why's that happening?.

Thanks,

Javier

Print Array in email, Fiori application - (webcontent) SAP BUILD automation, not working

2024-04-25T20:00:51.520000+02:00

Hi,

I downloaded a project from SAP BUILD store, and it contains WebContent (html files) which triggered from workflow. I need to print table (array) in email.

In html file, I am able to print ${context.assetDetails.assetItem[0].fromCompanyCode} but not able to print complete table by using <script> </script> for table array $.context.assetDetails.assetItem. Code shown below.

<table id="assetTable">
        <tr>
            <td style="font-weight:bold">From CompanyCode</td>
            <td style="font-weight:bold">From Asset Number</td>
            <td style="font-weight:bold">Sub Number</td>
            <td style="font-weight:bold">Asset Description</td>
            <td style="font-weight:bold">From CostCente</td>
            <td style="font-weight:bold">Capitalization Date</td>
            <td style="font-weight:bold">**bleep**. Acquis. Value</td>
            <td style="font-weight:bold">Accum. Dep. Value</td>
            <td style="font-weight:bold">Net Book Value</td>
            <td style="font-weight:bold">Transfer</td>
            <td style="font-weight:bold">Amount Posted</td>
            <td style="font-weight:bold">To CompanyCode</td>
            <td style="font-weight:bold">To Asset Number</td>
            <td style="font-weight:bold">Asset Sub Number</td>
            <td style="font-weight:bold">Asset Description</td>
            <td style="font-weight:bold">Asset Class</td>
            <td style="font-weight:bold">To Cost Center</td>
            <td style="font-weight:bold">Asset Status</td>
        </tr>
    </table>
        <tr></tr>
        <script>
            populateTable();
            function populateTable() {
                const table = document.getElementById("assetTable");
                var assetItem = [];
                assetItem = $.context.assetDetails.assetItem;
                assetItem.forEach(item => {
                    const row = table.insertRow(-1); // Inserts a row at the end of the table
                    Object.values(item).forEach(value => {
                        const cell = row.insertCell(-1); // Inserts a cell at the end of the row
                        cell.textContent = value; // Sets the text content of the cell
                    });
                });
            }
        </script>
        <tr></tr>
        <td>${context.assetDetails.assetItem[0].fromCompanyCode}</td>
        <td>${context.assetDetails.assetItem[0].fromAssetNumber}</td>
        <td>${context.assetDetails.assetItem[0].fromAssetdescription}</td>
        <td>${context.assetDetails.assetItem[0].cumulativeacquistionvalue}</td>
        <td>${context.assetDetails.assetItem[0].cumulativeacquistionvalue}</td>
        <td>${context.assetDetails.assetItem[0].accumulateddepreciationvalue}</td>
        <td>${context.assetDetails.assetItem[0].netbookvalue}</td>
        <td>${context.assetDetails.assetItem[0].transferPercent}</td>
        <td>${context.assetDetails.assetItem[0].amountposted}</td>
        <td>${context.assetDetails.assetItem[0].toCostCenter}</td>
        <td>${context.assetDetails.assetItem[0].toAssetNumber}</td>
        <td>${context.assetDetails.assetItem[0].toAssetSubNumber}</td>
        <td>${context.assetDetails.assetItem[0].toAssetNumberDescription}</td>
        <td>${context.assetDetails.assetItem[0].assetClass}</td>
        <td>${context.assetDetails.assetItem[0].toCostCenter}</td>
        <td>${context.assetDetails.assetItem[0].assetStatus}</td>        

    <pre>${context.internal.successMsg}</pre>
    <pre>${context.internal.errorMsg}</pre>

    <br><br>
    <p>Thank You.</p>

SAP Analytics Cloud - Custom Widget Testing

2024-04-29T11:17:15.023000+02:00

Hello everyone,

I'm not an experienced developer and have just successfully developed my first custom widgets.

However, I found the testing process for my implementation to be cumbersome. Every time I added a new line of code or encountered an error, I had to delete the custom widget from SAC and re-upload the changed files.

Is there any way to test the code directly in the browser without having to delete and re-upload to SAC each time? Currently, the widgets consist of three JavaScript files for the main, builder, and styling, along with a JSON file. I attempted to test the script using a live server extension in VS Code, but without success (I'm also new to web components). I would greatly appreciate any advice or guidance on this matter.

Thanks & best regards

Tim

SAP UI5 Dynamic Input of Token into Smart Table Multiinput SmartFilter

2024-05-14T20:54:13.718000+02:00

Hi,

I have an issue with the:

sap.ui.comp.smartfilterbar.SFBMultiInput

The scenario is following:

In a specific scenario I would like to add a new Token to the Multiinput of Smart Table SmartFIlter Bar.

Hence I prepared the following code:

let oFilterBar = this.getView().byId("ZZZ--listReportFilter");
var aFilterItems = oFilterBar.getAllFilterItems();
const _ProductIndex = aFilterItems.findIndex(item => item.mProperties.name === 'Product');
let oEVControl = aFilterItems[_ProductIndex].getControl();
oEVControl.removeAllTokens();
let _newToken = new sap.m.Token({
                    key: VALUE.toString(),
                    text: VALUE.toString()
                });
oEVControl.addToken(_newToken);

This is my understanding how one should be able to clear the filter and add new Tokens there.

However, the problem is as follows:

1. Tokens are not removed with .removeAllTokens().

2. Adding tokens with .addToken(_newToken) may add it as a value but running the app does not reflect a filter (all records are displayed regardless of the added filter).

3. There is no documentation for sap.ui.comp.smartfilterbar.SFBMultiInput. There is for:

https://sapui5.hana.ondemand.com/#/entity/sap.ui.comp.smartfilterbar.SmartFilterBar

and for:

https://sapui5.hana.ondemand.com/#/entity/sap.m.MultiInput

I guess that the statement in sap.m.Multiinput is the answer to the problem:

Creating tokens in the control does not automatically update the model to which the "tokens" aggregation of the control is bound, no matter if the binding mode is set to "TwoWay". This is left to the application logic (check the corresponding sample).

but there are not details presented there.

Thanks for hints.