SAPUI5: How to Make a Read-Only Selection Field

Question

I made combobox using the sap.m library:

var oSelection = new sap.m.ComboBox({ name: <name>, id: <id>, items: { <items here> }) }, }); 

Now, how do I make this kind of field read-only, so when I click it on my mobile phone, it will not display the mobile keyboard, but it will bring up the choices? I tried using editable: false , but it disables the selection along with the keyboard.

Thanks.

Answer 1

From what I could find, there is no method that allows this behavior.

One of the options that I personally don’t recommend is to access the HTML DOM and disable the input field that makes up the sap.m.Combobox component.

Keep in mind that if the development of SAPUI5 changes the internal operation of the Combobox component, your code may be corrupted if you update the SAPUI5 libraries.

At the same time, to use this option, you can do something like:

  oSelection.onAfterRendering = function() { if (sap.m.ComboBox.prototype.onAfterRendering) { sap.m.ComboBox.prototype.onAfterRendering.apply(this); } document.getElementById("<id>-inner").disabled=true; } 

replace <id> -inner with the correct identifier specified by your component.

This has been tested using version 1.22.8 of the SAPUI5 development toolkit.