Sencha ExtJS 4链接的组合框问题

我正在试验ExtJS 4 Combobox AJAX Store中的一个bug。

我有一个包含文章的网格，每个文章都有一个供应商和一个类别，每个供应商提供属于某个类别的文章。为了过滤网格，我放置了2个组合（选择列表）。一个用于供应商，一个用于类别。这些组合通过AJAX从php脚本中获取它们的值。

一切都很顺利，直到我尝试像这样链接组合：

当用户从组合框中选择类别时，供应商商店将刷新提供该类别的供应商（效果良好！）。

用户从组合框中选择供应商，类别商店刷新（刷新很好，如firebug所示）。

我现在的问题是，如果用户再次选择类别组合框，加载掩码不会消失，因此无法更改组合框的值。

我已经测试过了，AJAX运行良好，它只是加载掩码的EXTJS 4问题。

问题是双向发生的：

A）

1.用户选择一个类别

2.用户选择供应商

3.用户无法选择类别（加载掩码不会消失）

与

B）

1.用户选择供应商

2.用户选择一个类别

3.用户无法选择供应商（加载掩码不会消失）

编辑：

问题似乎也发生在这些情况下（反之亦然：供应商->类别）

1.用户选择一个类别

2.用户更改类别

3.用户无法选择供应商（加载掩码不会消失）

以下是我的型号：

    Ext.define('Category', {
        extend: 'Ext.data.Model',
        fields: [
            { name: 'name'},
            { name: 'id'}
        ]
    });
    Ext.define('Supplier', {
        extend: 'Ext.data.Model',
        fields: [
            { name: 'name'},
            { name: 'id'}
        ]
    });

这是我的商店：

    var categoryStore = Ext.create('Ext.data.Store', {
        model: 'Category',
        autoLoad: true,
        remoteSort: true,
        proxy: {
            type: 'ajax',
            url: 'GetCategorysForSupplier',
            reader: {
                type: 'json',
                root: 'items'
            },
            extraParams: {
                supplier: 0
            }
        }
    });
    var supplierStore = Ext.create('Ext.data.Store', {
        model: 'Supplier',
        autoLoad: true,
        remoteSort: true,
        proxy: {
            type: 'ajax',
            url: 'getSuppliersForCategory.php',
            reader: {
                type: 'json',
                root: 'items'
            },
            extraParams: {
                category: 0
            }
        }
    });

下面是我的组合：

    var categoryFilterCombo = Ext.create('Ext.form.field.ComboBox', {
        xtype: 'combo',
        store: categoryStore,
        displayField: 'name',
        valueField: 'id',
        fieldLabel: 'Category Filter',
        listeners: {
            change: function(field,newVal) {
                if (Ext.isNumeric(newVal)) {
                    supplierStore.proxy.extraParams.category = newVal;
                    articleStore.proxy.extraParams.category = newVal;
                    supplierStore.load();
                    articleStore.load();
                }
            }
        }
    });
    var supplierFilterCombo = Ext.create('Ext.form.field.ComboBox', {
        store: supplierStore,
        displayField: 'name',
        queryMode: 'local',
        valueField: 'id',
        fieldLabel: 'Supplier Filter',
        listeners: {
            change: function(field,newVal) {
                if (Ext.isNumeric(newVal)) {
                    categoryStore.proxy.extraParams.supplier = newVal;
                    articleStore.proxy.extraParams.supplier = newVal;
                    categoryStore.load();
                    articleStore.load();
                }
            }
        }
    });

诚挚的问候，

Dan Cearnau

Ext.override(Ext.LoadMask, {
      onHide: function() { this.callParent(); }
});