Question

I have a combobox in ExtJS 4 that has two listeners assigned to it. One is on afterrender, to select a default value. (The combobox lists months, the default grid has data for the current month, I want the combobox to show this month.) The other is on select, which goes and gets the report based on the selected month. Since the report gets preloaded, I don’t want it to activate on the prepopulation of the combo box, only on subsequent uses of the combobox (ie, human interaction).

This is how I have the listeners set up:

init: function init() {
    this.control({
        '[xtype=monthcombo]': {
            afterrender: this.onMonthComboAfterRenderDo,
            select: this.onMonthComboSelectDo
        }
    })
}

And this is the prepop afterrender function:

onMonthComboAfterRenderDo: function(monthcombobox) {
    monthcombobox.suspendEvents(false); // Don't fire the select event
    var date = new Date(),
        thisMonth = Ext.Date.add(date, Ext.Date.MONTH,0);
    thisMonth = Ext.Date.format(thisMonth,'Ym');
    monthcombobox.calculateMonths(23,0);
    monthcombobox.setValue(thisMonth);
    monthcombobox.resumeEvents();
}

Oh, I did try suppressing the firing of events as you can see, but those calls don’t seem to actually do anything. Finally, this is the function called when an item is selected.

onMonthComboSelectDo: function(monthcombobox) {
    console.debug('Month selected');
    var monthcode = monthcombobox.getValue();
    var grid = Ext.ComponentQuery.query('shipmentsvsgrid')[0];
    grid.store.getProxy().setExtraParam('monthID', monthcode);
    grid.store.load();
}

Answer 1

A clean alternative would also be to set the value when the reports preload is finished.
On control initialisation you can set the emptyText to the value you want and that won’t fire anything.