SAPUI5 named model binding for Searchable Input

Question

I am currently writing a simple application which contains a pop-up dialog for a registration in SAPUI5 with an XML view for the fragment. I have two JSON files, one for country and one for cities and am trying to bind JSON to a drop down for countries and to a searchable input for cities. The countries binding works but the cities does not. I am making use of named binding and am unsure where I am going wrong.

var countryModel= new JSONModel(jQuery.sap.getModulePath("com.bankdetails.BankDetails", "/model/countries.json")); 
countryModel.setSizeLimit(500);
this._oDialog.setModel(countryModel); 

var cityModel= new JSONModel(jQuery.sap.getModulePath("com.bankdetails.BankDetails", "/model/cities.json")); 
cityModel.setSizeLimit(10000000);
this._oDialog.setModel(cityModel, "cities"); 

this.getView().addDependent(this._oDialog);

Then in my XML view I have the following:

       <ComboBox 
            items="{
                path: '/countries',
                sorter: { path: 'name' }
            }">
            <core:Item key="{name}" text="{name}" />
        </ComboBox>
        <Label text="City"></Label>
        <Input
            id="cityInput"
            type="Text"
            placeholder="Enter City ..."
            showSuggestion="true"
            suggestionItems="{cities>/cities}" >
            <suggestionItems>
                <core:Item text="{cities>/name}" />
            </suggestionItems>
        </Input>

The combo box (which doesn't make use of named binding) works but the cities searchable input does not. Any ideas what I am doing wrong?

D. Seah · Accepted Answer · 2018-07-29 15:21:34Z

3

I believe that

<core:Item text="{cities>/name}" />

should be

<core:Item text="{cities>name}" />

answered Jul 29, 2018 at 15:21

D. Seah

4,7121 gold badge15 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Olis Over a year ago

Unfortunately I've tried that and it is still not working. If I take a look at the UI5 Diagnostics tool it says that the path is invalid. As far as I know though, everything is correct.

Olis Over a year ago

It seems it was the size of my JSON file that was the issue.

Collectives™ on Stack Overflow

SAPUI5 named model binding for Searchable Input

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related