Ytukyg

I am trying to bind some JSON data in a sap select list and is working fine, the issue comes when I actually pick one of the options in the list, for some reason this one is not being selected. The input field just remains in blank

var oModelListMarcasTarjeta = new sap.ui.model.json.JSONModel();

oModelListMarcasTarjeta.setData({ //for implementation I am setting the data like this

  'cards': [{

    'Descrip': "",

    'Kunnr': ""

  }, {

    'Descrip': "ss",

    'Kunnr': "asf"

  }, {

    'Descrip': "fff",

    'Kunnr': "asdf"

  }, {

    'Descrip': "fas",

    'Kunnr': "asdf"

  }, {

    'Descrip': "asdfa",

    'Kunnr': "asdfwer"

  }]

});

sap.ui.getCore().setModel(oModelListMarcasTarjeta, "marcas");



//Model name for binding 

var oSelectMarca = new sap.m.Select({

  items: {

    path: "marcas>/cards",

    template: new sap.ui.core.ListItem({

      key: '{marcas>Kunnr}',

      text: '{marcas>Descrip}'

    })

   },

   selectedKey: '{Kunnr}',  //Here's my problem

 });

});

In fact, if I remove the selectedKey from the new sap.m.Select, the options I select work fine and they appear selected in the input, but once I add the property selectedKey it gets broken and no option can be selected.

Any idea why its happening?

You have to specify the model path as well

var oSelectMarca = new sap.m.Select({

    items: {

      path: "marcas>/cards",

      template: new sap.ui.core.ListItem({

         key: '{marcas>Kunnr}',

         text: '{marcas>Descrip}'

      })

    },

    selectedKey: '{marcas>/cards/1/Kunnr}',  //Your solution 

});

In your sap.m.Select - selectedKey you have to specify which key you want selected from your JSON object, right now you're trying to select the property Kunnr and that's what is breaking your code. It's also preferred if you select a unique property from your object, I can see that there are a couple of entries with the same Kunnr in your JSON.

Notes:

• If duplicate keys exist, the first item matching the key is used.


• If invalid or none selectedKey is used, the first item is being
  selected.


• Invalid or missing selectedKey leads to severe functional issues in
  sap.m.Table, when the sap.m.Select is used inside a sap.m.Table
  column.

Following your example:

My Controller:

        var oModelListMarcasTarjeta = this.getView().getModel("testModel");

        oModelListMarcasTarjeta.setData({

            "cards": [{

                "Descrip": "",

                "Kunnr": ""

            }, {

                "Descrip": "ss",

                "Kunnr": "asf"

            }, {

                "Descrip": "fff",

                "Kunnr": "asdf"

            }, {

                "Descrip": "fas",

                "Kunnr": "asdf"

            }, {

                "Descrip": "asdfa",

                "Kunnr": "asdfwer"

            }]

        });

My XML View:

<Select forceSelection="false" selectedKey="{testModel>/cards/4/Kunnr}"

   items="{ path: 'testModel>/cards', 

            sorter: { path: 'Kunnr' } }">

   <core:Item key="{testModel>Kunnr}" text="{testModel>Descrip}"/>

</Select>

Note the: selectedKey="{testModel>/cards/4/Kunnr}" this will mean that the 5th entry in the Json object will be selected by default. You should also set forceSelection="false" for better interoperability with data binding.

Hope this helps!

I solved it by accesing to the properties from outside using the sap core:

var myvar = sap.ui.getCore().getModel("marcas");

var selectedKey= myvar.getProperty('/cards/Kunnr');