Question

I can use the setOptions method to successfully specify the options of a select field as follows:

setOptions(
[   {text: 'First Option',  value: 'first'},
{text: 'Second Option', value: 'second'},
{text: 'Third Option',  value: 'third'}
])

However, I would instead like setOptions to work with a loaded data store rather than hard coding the text/value array like above.

The store has one item type in it ‘vehicle’ and the json response from the server which loads it is of the form {‘vehicle’ :’mercedes’}, {‘vehicle’ ‘jaguar’} (ignore if I have the json syntax wrong, am typing this from memory. And finally, I would be fine with having the value field being the same as the text field for setOptions.

However, I am stumped how to accomplish this. Many thanks to anyone who can help me.

Answer 1

Use this:

{         id: 'theSelect',
        name: 'vechicleSelect',
       xtype: 'selectfield',
       store: storeObejct,
displayField: 'vehicle',
  valueField: 'vehicle'
}

Read the whole API here Sencha Touch selectfield