Is it possible to get a combox reference from a store? ExtJS 6

Question

Following scenario:

                          {
                                xtype: 'combo',
                                displayField: 'LANGTEXT',
                                valueField: 'KURZTEXT',
                                store: {
                                    remoteSort: false,
                                    autoLoad: false,
                                    pageSize: 999999,
                                    fields: [
                                        { name: 'KURZTEXT', type: 'string' },
                                        { name: 'LANGTEXT', type: 'string' }
                                    ],
                                    proxy: {
                                        type: 'ajax',
                                        url: 'callHandler.cfc',
                                        actionMethods: { read: 'POST' },
                                        reader: {
                                            type: 'json',
                                            rootProperty: 'DATA.ROWS',
                                            totalProperty: 'TOTALCOUNT'
                                        }
                                        
                                    },
                                    listeners: {
                                        load: function(store, records, successful, operation, eOpts ){
                                            //is something like this possible?
                                            var combo = store.getCombo()
                                            
                                        }
                                    }
                                }                      
                            }

Is it possible to get the combobox reference from the store with something like this: store.getCombo()? I know that normally you can only get the store reference from the combobox. But I thought maybe it works also the other way around, if the store is created in the combobox?

Answer 1

You may want to check the combobox afterQuery template method.

It's a configuration available for the combobox component that works almost similar to the store's load event. Here you have access to both the combobox component and the store.

I think the drawback is: it only gets called when the combo trigger is clicked or a value is typed in the combo's textfield. I believe this would already be help if you want to do your post-processing after these events.

{
    xtype: 'combo',
    displayField: 'LANGTEXT',
    valueField: 'KURZTEXT',
    store: {
        remoteSort: false,
        autoLoad: false,
        pageSize: 999999,
        fields: [
            { name: 'KURZTEXT', type: 'string' },
            { name: 'LANGTEXT', type: 'string' }
        ],
        proxy: {
            type: 'ajax',
            url: 'callHandler.cfc',
            actionMethods: { read: 'POST' },
            reader: {
                type: 'json',
                rootProperty: 'DATA.ROWS',
                totalProperty: 'TOTALCOUNT'
            }
            
        }
    },

    afterQuery: function (queryPlan) {
        var combo = queryPlan.combo; // I guess `var combo = this;`  should work too..
        var store = combo.getStore();


        // always return queryPlan
        return queryPlan;
    }
}

Let me know if you have any issue or questions.