ExtJS Modern - picker setData method not working

Question

I have an ExtJS picker that will have dynamic data. I make an AJAX call to get the data, create the picker, call setData, then show the picker.

However, the picker is not rendering the data. If I call picker.getData(), it returns the data object passed in when calling setData. I believe I need to refresh/update the underlying dataview in the picker but not sure how.

EDIT: I am using ExtJS 6.2.0 MODERN and there is no TypeAhead component available. So I am trying to create one using a textfield and a picker. On change of the textfield I will pass the query to the server and get the filtered results back. I then want to set that data to the picker.

Fiddle

Answer 1

Your can set the data in the configuration for the picker. Here is an updated success method that should work.

success: response => {
    const picker = Ext.create('Ext.Picker', {
        slots: [{
            data: Ext.JSON.decode(response.responseText)
        }]
    });

    Ext.Viewport.add(picker);
    picker.show();
}