cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

XSJS oSimpleForm Drop down with values in insert form

former_member414500
Explorer

on ‎06-14-2020 1:29 AM

0 Kudos

I have insert form where end user can type in value and submit. I need to add drop down for couple of fields where user will have to select from drop down value.

As of now this is the code to add value but need a drop down to give option for YES or NO

function openCreateDialog(){ 
                var oCreateDialog = new sap.ui.commons.Dialog();
                oCreateDialog.setTitle("Insert New User Data");
                var oSimpleForm = new sap.ui.layout.form.SimpleForm({
                    maxContainerCols: 2,
                    content:[
                        new sap.ui.core.Title({text:"Users"}),
                        new sap.ui.commons.Label({text:"Id"}),
                        new sap.ui.commons.TextField({value:""}),
                        
                        new sap.ui.commons.Label({text:"FLAG"}),
                        //dropdown for the FLAG (YES / NO)
                        new sap.ui.commons.TextField({value:''})
                    ]
                });

I found how it works here normally but cannot emulate the same in my code

If it was a simple html file I could have used following code with some modification

<!DOCTYPE html>
<html>
<body>
<h1>Flag </h1>
<label for="flag"> Choose Flag</label>
<select id="flag">
  <option value="YES">Yes</option>
  <option value="NO">No</option>
 </select>
  </body>
</html>

Please guide / help me since I am using UI5 template theme="sap_belize", not able to translate aforesaid html code UI5 code..

Thanking in advance

Show replies
Show replies
Answer

Accepted Solutions (0)

Answers (1)

Answers (1)

former_member694536
Explorer
‎08-19-2020 7:00 PM
0 Kudos

Please use sap.m.ComboBox.

If you use xml view you can simply do this like:

<ComboBox>
     <core:Item key="yes" text="yes" />
     <core:Item key="no" text="no" />
</ComboBox>

If you want to define dynamically something like this should work-

new sap.m.ComboBox().addItem({key: 'yes',text:'yes'}).addItem({key:'no',text:'no'});

Let me know if this helps

Show replies
Show replies
Ask a Question