Two model to a controller in sapui5 - sapui5

Question

I have json model called contact this is how it looks:
{firstName:"",lastName:"",country:""}
I have an another model called country which contains the list of countries. I want this list of countries in a dropdown. While selecting a country from the dropdown, country field in contact model should get updated. How can i achieve that?

Answer 1

The simple steps to get this done are:
1. Set the Contact Model where ever you want such as View or Core.
2. Set the Country Model to DropDown list.
3. On selection of the DropDown list, on Change function you set Country field by the value you select in Dropdown list.
4. This will update the country value in the Contact Model.

Answer 2

you can use named data model and multimodel support
In your controller js,
this.getView().setModel(oCountryModel,"Country");
this.getView().setModel(ocontactModel ,"Contact");
If you want set Contact model with your default value, add logic in your init function:
init:function() {
//initialize contact model with default country
var oFilter = new sap.ui.model.Filter("country",
sap.ui.model.FilterOperator.EQ ,"America");
//suppose you have a Contact table called ContactList
var oTable =this.getView().byId("ContactList");
oTable.getBinding("items").filter([oFilter]);
}
In your view xml, use named model data binding, for example:
<Text text="{Contact>/firstName}"/>
Then you are using two models in your controller and view xml. Regarding dropdown selection change triggers an update for your contact, you need to attach event listener to the dropdown, and update the Contact data model based on the selected country. See the following code:
handleSelectionChange:function(oEvent) {
//get the new selected country
var country = oEvent.getParameters().newValue;
var oFilter = new sap.ui.model.Filter("country",
sap.ui.model.FilterOperator.EQ ,country);
//suppose you have a Contact table called ContactList
var oTable =this.getView().byId("ContactList");
oTable.getBinding("items").filter([oFilter]);
}