8

我使用 ExtJs 创建了一个商店，我想将商店的值加载到 ComboBox。但在加载值之前，我需要根据在另一个组合框中选择的值过滤一些数据。

因此，为此目的，我认为我需要在商店中应用过滤器，请任何人都可以帮助我如何做到这一点。

模型：-

Ext.define('City', {
extend: 'Ext.data.Model',
fields: [
        { name: 'StateId', type: 'string' },
        { name: 'City', type: 'string' },
]});

店铺：-

var cityStore = Ext.create('Ext.data.Store', {
model: 'City',
data : [
    { StateId: '1', City: 'Bangalore'},
    { StateId: '1', City: 'Mysore'},
    { StateId: '1', City: 'Dharwad'},
    { StateId: '2', City: 'Mumbai'},
    { StateId: '2', City: 'Pune'},
    { StateId: '2', City: 'Nagpur'}
   ]});

现在我正在使用这个cityStore来加载 Combobox。但在加载之前，如果stateId 为 1，那么只有 3 条记录（Bangalore、Mysore、Dharwad）加载到组合框中，如果stateId 为 2，则其他 3 条记录加载到组合框中。我怎样才能实现它。

4

1 回答 1

18

根据Ext.data.Store 过滤方法文档：

var stateId = 1; // your value
cityStore.clearFilter(true);
cityStore.filter('StateId', stateId);

更新

我发现 ComboBox 自己过滤数据，没有机会改变它的行为。但我看到了这个问题的两种解决方案：

  1. 手动过滤数据（参见Ext.util.MixedCollection 过滤器）并将其加载到您的商店（参见Ext.data.Store load）

  2. 禁用商店clearFilter和filter方法并使用自己的cityFilter：

    Ext.define('CityStore', {
    extend: 'Ext.data.Store',
    filter: Ext.emptyFn,
    clearFilter: Ext.emptyFn,
    cityFilter: function (stateId) {
        Ext.data.Store.prototype.clearFilter.call(this);
        Ext.data.Store.prototype.filter.call(this, 'StateId', stateId);
    }
});

    然后使用cityFilter()方法。

于 2012-09-27T10:37:15.333 回答