Adding items to a select field dynamically

[dannilsson]

Hi,

Scenario
I have a select field with predefined items. When I choose an item from the list a new item should be added to the list. If I could clone the selected item somehow and just change the value attribute that would work.

Problem
I have successfully managed to add items dynamically as described above. The problem is that they are not "valid" items. Looking at the predefined items in Chrome I can see "c"-objects, or whatever they are (components?), with data, events and everything. When I add items using either setOptions or adding to the store they just show up as regular objects, no events. This causes problems later when I need to fetch values/change the items.

Anyone have a solution for this? Yes, I have searched for answers, but haven't found anything.

Thanks.

[alanr1]

can you call myselectfield.setOptions( ???

[dannilsson]

Yes, but that does not work as I want it to. As I described in my post, the new items are not the same as the predefined ones. They are missing event handlers and a bunch of other stuff.

Am I missing a magic select.update() call of some kind?

[jjerome]

How to you set up your new options? Is it a JSON object? (i.e. {text: 'displayvalue', value: '0'} )

And,
does your selectfield have a listener for the 'change' event?

[dannilsson]

Here's the code I'm using:

                xtype: "selectfield",
                id: "bla",
                name: "blabla",
                label: "Label",
                options: data, <-- array with {text, value} entries
                listeners: {
                    change: function (field, value) {
                            field.setOptions([{
                                value: "newvalue",
                                text: "My new value"
                            }], true);
                        }
                    }
                }

[Harikrishnanp]

It worked for me. thanks