Hi UI5 Experts,

I want to design a tree table or expandable table like the one shown in the below screen in my custom application .This is the screen from MySpend Fiori app in Fiori trial version.

I looked for the control in SAPUI5 API reference but I didn't find. Kindly help me on this.

Regards,

Prasanth

Hi,

I am trying to access the new Cloud Portal Plugin in the Web IDE, but the plugin seems to be unavailable.

As listed in the documentation, I go to the Optional Plugins tab, but under Plugin Repository, the only item in the drop down is SAP Plugins. The new plugin (sap.hcp.portal.plugin) can be found under Cloud Portal.

Is this a subscription issue? Does my trial account not have access to the plugin at all?

Hi guys!

When I download a SAPUI5 project form WebIDE there is also a file flp-config.json.

Obviously it's related to some Launchpad configuration but my question is that is this file necessary when I implement the code to our on-premise system? So far I have left it out and I haven't noticed any side-effects.... but I'd like to be sure

Another similar question related to localIndex.html. I already have index.html, so do I actually need this localIndex.html in the on-premise system?

Thanks & br,

Ossi M

I want to use the cluster in my app, but I can not set it right.

Here is the javascript I use to create a cluster:

var oMap=this.getView().byId("vbi");
var oSpots=this.getView().byId("spots");
var oClusterSetting={     vizVO:new sap.ui.vbm.Spot({type:sap.ui.vbm.SemanticType.Default})
};
var oCluster = new sap.ui.vbm.ClusterDistance(oClusterSetting);
oMap.addCluster(oCluster)

After I run the app, I always get the exception, which told me I have duplicate id of the cluster. who may be can give me a example, how I can use the cluster on the analytic map?

Hi experts

Is it possible to do search operation on odata output in JSONModel based on a key,

here i am setting data to JSON model using url and setting data to var model as shown below

var url = "/XXXX/XXXXX/services.xsodata/XXX(usr_id="xxxx+ ",pd_id="xxxx",)/Results/?$format=json";

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

  model.loadData(url);

and my json out put is

{"d":{"results":[
{"__metadata": {"type":"RealView.services.STATUS_FINAL_CVType","uri":"xxxxxx"},
"STATUS_DESC":"11679083434033441","S_ORDER":1,"STATUS":2,"STATUS_DESC":"Completed","PD_ID_PK":null,"PD_DESC":null,"CNT":"0","TOT_CNT":"14885"},
{"__metadata": {"type":"RealView.services.STATUS_FINAL_CVType","uri":"xxxxx"},"STATUS_DESC":"11679083434033442","S_ORDER":2,"STATUS":1,"STATUS_DESC":"In Progress","PD_ID_PK":null,"PD_DESC":null,"CNT":"0","TOT_CNT":"14885"},
{"__metadata": {"type":"RealView.services.STATUS_FINAL_CVType","uri":"xxxxx"},"STATUS_DESC":"11679083434033443","S_ORDER":3,"STATUS":0,"STATUS_DESC":"Not Started","PD_ID_PK":253,"PD_DESC":"GSS Singapore","CNT":"14885","TOT_CNT":"14885"}]}}

From this output i like to get value of TOT_CNT if i passed value of STATUS_DESC

Thanks

Hi all. I am from software testing background . I am new to this sapui5 and want to grow in this field.

I want  to execute this scenario. How to fetch data from 2 combo-box and a check-box then display a chart accordingly using a JSON. Any body can help me to short it out.

Thanks in advance.

Hi,

I need to deselect other bars while clicking on one bar. By default its deselecting other bars while clicking.

I need all the bars to be visible while clicking on one bar.

code is :

  // some business data

var oModel = new sap.ui.model.json.JSONModel({

businessData : [

{Country :"Canada",revenue:410.87,profit:-141.25, population:34789000},

{Country :"China",revenue:338.29,profit:133.82, population:1339724852},

{Country :"France",revenue:487.66,profit:348.76, population:65350000},

{Country :"Germany",revenue:470.23,profit:217.29, population:81799600},

{Country :"India",revenue:170.93,profit:117.00, population:1210193422},

{Country :"United States",revenue:905.08,profit:609.16, population:313490000}

]

});

  // A Dataset defines how the model data is mapped to the chart

var oDataset = new sap.viz.ui5.data.FlattenedDataset({

// a Bar Chart requires exactly one dimension (x-axis)

dimensions : [

{

axis : 1, // must be one for the x-axis, 2 for y-axis

name : 'Country',

value : "{Country}"

}

],

// it can show multiple measures, each results in a new set of bars in a new color

measures : [

// measure 1

{

name : 'Profit', // 'name' is used as label in the Legend

value : '{profit}' // 'value' defines the binding for the displayed value

},

{

name : 'Revenue',

value : '{revenue}'

}

],

// 'data' is used to bind the whole data collection that is to be displayed in the chart

data : {

path : "/businessData"

}

});

  // create a Bar chart

  // you also might use Combination, Line, StackedColumn100, StackedColumn or Column

  // for Donut and Pie please remove one of the two measures in the above Dataset.

var oBarChart = new sap.viz.ui5.Bar({

width : "80%",

height : "400px",

plotArea : {

//'colorPalette' : d3.scale.category20().range()

},

title : {

visible : true,

text : 'Profit and Revenue By Country'

},

dataset : oDataset

});

  // attach the model to the chart and display it

oBarChart.setModel(oModel);

oBarChart.placeAt("sample1");

Thanks,

Sandeep

Hi,

I started to develop a SAPUI5 tic tac toe in javascript, but two issues prevent the application to work.

1- I don't know how to refresh my model when I call the onInit() in reset function

2- When I play, I win just only one "x" or "o" and I don't know how correct this issue? With for loop?

Here is my code :

sap.ui.controller("Morpion.controllers.MorpionView", {

    onInit:function()

    {

        oTableau = sap.ui.getCore().byId("app").byId("morpionView").byId("tabCreateMorpion");

        oData = [];

        var longTab = 3;

        for(var x = 0; x < longTab; x++)

        {   

            oData[x] = {};

            for(var y = 0; y < longTab; y++)

            {

                oData[x][y] = " ";

            }

        }

        var oModel = new sap.ui.model.json.JSONModel(oData, "Data");

        var oCol1 = new sap.m.Column({ header : new sap.m.Label({text : ""})});

        var oCol2 = new sap.m.Column({ header : new sap.m.Label({text : ""})});

        var oCol3 = new sap.m.Column({ header : new sap.m.Label({text : ""})});

        oInput1 = new sap.m.Input({value:"{Data>input1}", type:"Text", width:"100%", maxLength:1, change:this.play});

        oInput2 = new sap.m.Input({value:"{Data>input2}", type:"Text", width:"100%", maxLength:1, change:this.play});

        oInput3 = new sap.m.Input({value:"{Data>input3}", type:"Text", width:"100%", maxLength:1, change:this.play});

        oTableItems = new sap.m.ColumnListItem({cells:[oInput1, oInput2, oInput3]});

        oTableau.addColumn(oCol1);

        oTableau.addColumn(oCol2);

        oTableau.addColumn(oCol3);

        oTableau.bindAggregation("items", "Data>/", oTableItems);

        oTableau.setModel(oModel, "Data");

        oResetTable = sap.ui.getCore().byId("app").byId("morpionView").byId("tabResetMorpion");

        oResetData = {text:"play again"};

        var oResetModel = new sap.ui.model.json.JSONModel(oResetData, "ResetData");

        var oResetCol = new sap.m.Column({ header : new sap.m.Label({text : ""})});

        oResetButton = new sap.m.Button({

            press:this.reset,

            text:"play again",

            width:"100%"

        })

        oTableButton = new sap.m.ColumnListItem({cells:[oResetButton]});

        oResetTable.addColumn(oResetCol);

        oResetTable.bindAggregation("items", "ResetData>/", oTableButton);

        oResetTable.setModel(oResetModel, "ResetData");

    },

    play:function(oEvent)

    {   

        var oValue = oEvent.getParameter("value");

        var nombreTours;

        var i;

        var x = 0;

        var y = 0;

        gagne = false;

        for(nombreTours = 0; nombreTours < 9; nombreTours+=1)

        {   

            switch(oValue)

            {

                case "o":

                    oValue = "o";

                    break;

                case "O":

                    oValue = "O";

                    break;

                case "x":

                    oValue = "x";

                    break;

                case "X":

                    oValue = "X";

                    break;

                default:

                    break;

            }

            oData[x][y] = oValue; // => the second issue is here, no?

            for(i = 0; i < 3; i++)

            {   

                if(oData[i][0] != " " && oData[i][0] == oData[i][1] && oData[i][0] == oData[i][2])

                {

                    gagne = true;

                }

            }

            for(i = 0; i < 3; i++)

            {

                if(oData[0][i] != " " && oData[0][i] == oData[1][i] && oData[0][i] == oData[2][i])

                {

                    gagne = true;

                }

            }

            if(oData[1][1] != " " && ((oData[0][0] == oData[1][1] && oData[0][0] == oData[2][2])

                || (oData[0][2] == oData[1][1] && oData[0][2] == oData[2][0])))

            {

                gagne = true;

            }

        }

        if(gagne && ((oValue == "o") || (oValue =="O") || (oValue == "x") || (oValue == "X")))

        {

            alert(oValue + " a gagné");

        }

        else if(oValue != "o" && oValue != "O" && oValue != "x" && oValue != "X")

        {

            alert("Veuillez saisir O/o ou X/x");

        }

        else

        {

            alert("Personne ne gagne");

        }

    },

    reset:function()

    {

        var oController = sap.ui.getCore().byId("app").byId("morpionView").getController();

        oController.onInit();

    }

});

Thanks in advance,

Best regards.

Ewen.

Hi All,

I am calling the OData service from my UI5 application and getting the below error like

For this I tried different scenarios

1.disable web security in chrome( Getting the yellow bar on top of the browser stating "You are using an unsupported command-line flag")

For this I am getting same error as early mentioned.

2.by placing proxy(proxy/http)

getting error like below

3."Added Allow-Control-Allow Origin" plugin

Could you please suggest me how can I proceed to resolve the issue

Thanking you in advance.

Hi All,

1. We have implemented sapui5 application and deployed into hana cloud portal by using git repository, application name is ppspomat. This application content is under webapp, the app url is like "https://ppspomat-<tenant>.dispatcher.hana.ondemand.com/webapp/index.html"

2. I want to extend the above application, created the extended application by using fiori plugin in eclipse.

  in component.js

jQuery.sap.declare("com.art.pomatExt.Component");

sap.ui.component.load({

name: "com.art.pomat",

url: jQuery.sap.getModulePath("com.art.pomatExt") + "/../ppspomat" //tried in this way its not working

(or)

url: "ppspomat" //tried in this way its not working

});

• i know the way for bsp applications like (/sap/bc/ui5_ui5/PKG/ppspomat), but for hcp apps how to do it.
• what is the way to give the application path if standard application deployed in HCP.
• this functionality should work for stand-alone apps, fiori apps(from FLP site) and on-premise apps

Please am new to this concept, please help me.

Thanks,

Preethi

Hi Experts,

I am trying to implement table personalization for two tables in the same view,  by using same fragment in which the Select Dialog control is defined. i am trying to personalizse the two tables at the same time i.e;

but is showing the same dialog box for both the tables that i am trying to personalizse. How can i call the same fragment in the two different situations can you guys help me...

Code:

Fragment:

Controller:

Module:

onSelectDialog: function(oModel, oControl, oColumnArray) {

            if (!oControl.oFragment) {

            oControl.oFragment = sap.ui.jsfragment("Ganesh.DemoFragment", this);

            var oMetaData = oModel.getServiceMetadata();

            var oEntityRef = oMetaData.dataServices.schema[0].entityType[0];

            var oListProperties = oEntityRef.property;

            var oLength = oListProperties.length;

            for (var i = 0; i < oLength; i++) {

                oControl.oFragment.addItem(new sap.m.InputListItem({

                    label: oListProperties[i].name,

                }));

            }

            var oListArray=[];

            var oListIdsArray=[];

            var oListItemsCount=oControl.oFragment.getItems().length;

            for(var a=0;a<oListItemsCount;a++){

                var oListIds=oControl.oFragment.getItems()[a].sId;

                oListIdsArray.push(oListIds);

                var oListNames=sap.ui.getCore().byId(oListIds).mProperties.label;

                oListArray.push(oListNames);

            }

            for (i = 0; i < oListArray.length; i++) {

                var oItemName = oListArray[i];

                for (j = 0; j < oColumnArray.length; j++) {

                    var oColumnName = oColumnArray[j];

                    if (oItemName == oColumnName) {

                        sap.ui.getCore().byId(oListIdsArray[i]).setSelected(true);

                        ///  console.log(oIDArray[i]);

                    }

                }

            }

        } else {

            oControl.getView().addDependent(this.oFragment);

        }

        oControl.oFragment.open();

        //return  oControl.oFragment;

    },

when i am selecting any one of the Button i am getting the same dialog box

Hi,

I have JSON that is filled out during init function.

Example, I have JSON

onInit: function() {

         var list = {

  ablist: [

     {

       name: "Test",

       age: "TestAge"

     }]

     };

     var oModel = new JSONModel(list);

     this.getView().setModel(oModel);

     this.fillJSON();

  },

fillJSON: function(){

   //function that pushes more data to JSON

}

My view is:

    <t:Table id="table"

  selectionMode="MultiToggle"

  visibleRowCount="7"

  enableSelectAll="false"

  rows="{

  path: '/ablist'

  }"

  threshold="15"

  enableBusyIndicator="true">

  <t:noData>

  <BusyIndicator class="sapUiMediumMargin"/>

  </t:noData>

        <t:columns>

            <t:Column width="{ui>/widths/name}">

                <Label text="Student Name"/>

                <t:template> <Text text="{name}"/></t:template>

            </t:Column>

        </t:columns>

    </t:Table>

But when page loads, it only shows one row with "Test". I checked the JSON if it has values with

MessageToast.show(oModel.getProperty('/list/2/name')); and the JSON is populated.

How can I load table AFTER I add data through init function?

Hello Experts,

I'm working on Kapsel Offline Application using SMP.

I was build the .Apk using HAT - Cordova Build command.

My .Apk is running.

But i have to find out Where is the offline store is create?

Where offline database is create?(Location on device)

Hi Experts,

  I am trying to create a root view in component.js file in local web ide, I added the library < data-sap-ui-preload="sync" > to avoid the component-preload.js error. Now the glitch was appeared like this specified component controller could not found. Please do needful for this.

Thanks in Advance

Hi Experts,

In my split app , detail page having a logout button in <header content> while user clicked on logout button , go back initial login screen in my app.

i was tried like this using app control .

app.to(" idlogin");

its not working please do need full.

@Thanks in Advance

Hi guys,

I'm having a problem accessing my ABAP system from HCP WEB IDE.

On the client's network I've set up HCC and it's all green.

1. Connection status

2. Virtual Mappings

Then I've created the corresponding destinations in HCP Cockpit:

3. Destinations

4. and Destinations Configuration

The issue appears when I try to use the destinations in my HCP WEB IDE as ABAP Repositories

1. Selection error

2. Detailed Chrome Inspect error

Any idea what is wrong ?

Regards,

Marius

SAPUI5 Explored

Api reference stated its supported in Safari, But its not true. The excel export is work well in all browsers except safari. Does anyone have an alternative solution to export excel for Safari browser?

We have built a custom SAPUI5 application for our specific needs. We released the application in September 2015 to our users. We have implemented cache mechanism provided by SAP in our application. We have been having code releases after our first release. Every time when there is a code release, our users are facing a weird caching issue that old code gets executed. The issue in occurring only in internet explorer. Clearing the cache and cookies is not resolving the issue. The only way to resolve the issue is to open the application in InPrivate Browsing mode and then access normally in regular mode.

Hi ,

I am facing some problem while loading external libraries .

for example if am loading jspd.debug.js using jQuery.sap.require in some part of my code but not in index.html it is throwing an error like file not found .

But if i change the file name of jspdf.debug.js to jspdf-debug.js then it is loading fine.

can some one please suggest me how to load external file for whose name consists of dot(.)

Thanking You

Hi All,

            I am working in sapui5 application. I want to pass the XML data into view.js file. I share my code here please if any one can done this before check once and correct me.

CODE:

controller.js

Resp: function(){

var request = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:urn="urn:sap-com:document:sap:soap:functions:mc-style">'

    +'<soapenv:Header/>'

    +'<soapenv:Body>'

       +'<urn:ZsonicPoList>'

          +'<Approverid>yugesh</Approverid>'

          +'<!--Optional:-->'

          +'<ItPoOpen>'

             +'<!--Zero or more repetitions:-->'

             +'<item>'

                +'<Ponumber></Ponumber>'

                +'<Ccode></Ccode>'

                +'<Documentcategory></Documentcategory>'

                +'<Doctype></Doctype>'

                +'<Docdate></Docdate>'

                +'<Count></Count>'

                +'<Purchaseorg></Purchaseorg>'

                +'<VendorAccNumber></VendorAccNumber>'

                +'<VendorDesc></VendorDesc>'

                +'<ReleaseStatus></ReleaseStatus>'

                +'<ReleaseCode></ReleaseCode>'

                +'<Totalvalue></Totalvalue>'

                +'<Currency></Currency>'

                +'<PoProcessingState></PoProcessingState>'

                +'<Approver></Approver>'

                +'<Requisitioner></Requisitioner>'

                +'<ReturnType></ReturnType>'

                +'<ReturnMessage></ReturnMessage>'

                +'<Purchasinggroup></Purchasinggroup>'

                +'<Paymentterms></Paymentterms>'

                +'<Incoterms1></Incoterms1>'

                +'<Incoterms2></Incoterms2>'

                +'<Orderedqty></Orderedqty>'

                +'<Uom1></Uom1>'

                +'<Deliveredqty></Deliveredqty>'

                +'<Uom2></Uom2>'

                +'<Stilltodeliverqty></Stilltodeliverqty>'

                +'<Uom3></Uom3>'

                +'<Invoicedqty></Invoicedqty>'

                +'<Uom4></Uom4>'

                +'<Orderedvalue></Orderedvalue>'

                +'<Currency1></Currency1>'

                +'<Deliveredvalue></Deliveredvalue>'

                +'<Currency2></Currency2>'

                +'<Stilltodelivervalue></Stilltodelivervalue>'

                +'<Currency3></Currency3>'

                +'<Invoicedvalue></Invoicedvalue>'

                +'<Currency4></Currency4>'

                +'<Recordcount></Recordcount>'

                +'</item>'

                +'</ItPoOpen>'

                +'<!--Optional:-->'

                +'<ItReturn>'

                +'<!--Zero or more repetitions:-->'

                +'<item>'

                +'<Type></Type>'

                +'<Id></Id>'

                +'<Number></Number>'

                +'<Message></Message>'

                +'<LogNo></LogNo>'

                +'<LogMsgNo></LogMsgNo>'

                +'<MessageV1></MessageV1>'

                +'<MessageV2></MessageV2>'

                +'<MessageV3></MessageV3>'

                +'<MessageV4></MessageV4>'

                +'<Parameter></Parameter>'

                +'<Row></Row>'

                +'<Field></Field>'

                +'<System></System>'

                +'</item>'

                +'</ItReturn>'

                +'</urn:ZsonicPoList>'

                +'</soapenv:Body>'

                +'</soapenv:Envelope>';

  var response = ""; 

$.ajax({ 

     url : "proxy/http/DB41VV12.mobolutions.com:8001/sap/bc/srt/rfc/sap/zws_sonic_po_list/800/zws_sonic_po_list/zws_sonic_po_list",

//     url:"proxy/http/DB41VV12.mobolutions.com:8000/sap/bc/srt/rfc/sap/zcrm_bp_user_validate_ws/800/zcrm_bp_user_validate_ws/zcrm_bp_user_validate_ws",

     type : "POST", 

     data : request, 

     dataType : "text", 

     contentType : "text/xml; charset=\"utf-8\"", 

     success : function(data, textStatus, jqXHR) { 

           response = data;

           parser=new DOMParser(); 

           xmlDoc=parser.parseFromString(response,"text/xml");

           var returnVal = xmlDoc.getElementsByTagName("Incoterms1")[0].childNodes[0].nodeValue;

           var returnVal1 = xmlDoc.getElementsByTagName("Incoterms2")[0].childNodes[0].nodeValue;

     }, 

     error: function(xhr, status) 

     { 

           console.log("ERROR");       

     }, 

     complete : function(xhr,status) { 

           uicontrols(); 

     } 

}); 

var oModel = new sap.ui.model.xml.XMLModel();   

           function uicontrols(){ 

     oModel.setXML(response); 

    page.setModel(oModel);

}):

},

page.View.js

var res=new sap.m.Label("res", {text:"{Incoterms1//text()}"});

});