Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

Ui5 MultiComboBox selection issue

Hello Experts,

I have a requirement of multi-combobox and based on the selections, we need to show some charts.

In MII SP4 Patch 11, I am facing a issue in selection values from the dropdown which is, in the first selection, the dropdown gets closed and again I need to reopen the dropdown again for further selection. Everywhere in any example the dropdown is working fine as expected even the same code is working in MII SP4 Patch 2, I can select any value from the dropdown at one single glance.

Would appreciate your help.

My Code :

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-sap-ui-libs="sap.ui.commons,sap.ui.table,sap.ui.ux3,sap.viz,sap.m"></script>

<meta charset="utf-8">

<title>MCB</title>

<script>

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

         oModel_Sales.loadData("/XMII/Illuminator?QueryTemplate=Default/Ushinar/XACQ_GetRawDataSPCDropDowns&Content-Type=text/xml", "", false);

         var mcb = new sap.m.MultiComboBox({ 

         id : "mcb", 

         placeholder : "Select Plant Group",

         change : function(oControlEvent) {

         jQuery.sap.log.info('Event fired: "change" value property to ' + oControlEvent.getParameter("value") + " on "

                    + this);

         },

        selectionChange : function(oControlEvent) {

            jQuery.sap.log.info('Event fired: "selectionChange" value property to '

                    + oControlEvent.getParameter("selectedItem") + " on " + this);

        }

    });

        var oListItem = new sap.ui.core.ListItem();

        oListItem.bindProperty("key", "Line");

        oListItem.bindProperty("text", "Line");

        mcb.bindItems("/Rowset/Row", oListItem);

        var page = new sap.m.Page({

        content: [ mcb ]

        });

    

        page.setModel(oModel_Sales);

        var app = new sap.m.App({

        pages: [ page ]

        });

       app.placeAt('content');

</script>

</head>

<body id="content">

</body>

</html>

Not what you were looking for? View more on this topic or Ask a question