So I have comboBoxes to filter a grid that have listeners set as follows:

var deptCombo = {
xtype: 'combo',
id: 'stylesDeptFilter',
store: deptStore,
displayField: 'name',
valueField: 'id',
editable: false,
mode: 'remote',
forceSelection: true,
triggerAction: 'all',
emptyText: 'Select a Department...',
selectOnFocus: true,
    listeners: {
        'select': function(cmb, rec, idx) {
            stylesStore.setBaseParam('department_id', this.getValue());
I had the damndest time figuring out how to reset the grid state after a filter was set, but eventually I settled for the following work around: (triggered by a "reset filters" button in my toolbar)

function resetStyleGrid(btn) {
Ext.Msg.alert('clickHandler', 'button pressed');
stylesStore.setBaseParam('department_id', 0);
stylesStore.setBaseParam('brand_id', 0);

But the problem is the dropdown comboboxes still show the previously selected value. So I am wondering what the proper way to reset the combo box state is?

As always help much appreciated!