javascript - ExtJS链式店过滤器不过滤

Question

这个问题已经有答案了:

ExtJS combobox filter (1 个回答)

已关闭 3 年前。

组合框的过滤器不起作用，我不知道为什么。我有两个组合框，一个是省，另一个是城市。当我选择一个省份时，城市组合框将根据所选省份使用province_id进行过滤。

查看模型代码:

data: {
selectedProvince: null
},

stores: {
  province: {
    fields: [ 'province_id', 'province_name' ],
    proxy: {
      type: 'ajax',
      url: '*some url to province*',
      reader: {
        type: 'json',
        rootProperty: 'data'
      }
    }
  },

  city: {
    fields: [ 'city_id', 'city_name', 'province_id' ],
        proxy: {
      type: 'ajax',
      url: '*some url to city*',
      reader: {
        type: 'json',
        rootProperty: 'data',
      }
    },

  },

  filteredStore: {
    type: 'chained',
    source: '{city}',
    remoteFilter: false,
    filters: [{
      property: 'province_id',
      value: '{selectedProvince}'
    }],

  }
}

省组合框代码:

xtype: 'combobox',
label: 'Province',
valueField: 'province_id',
displayField: 'province_name',
bind: {
  store: '{province}',
  value: '{selectedProvince}'
}

城市组合框代码:

xtype: 'combobox',
label: 'City',
valueField: 'city_id',
displayField: 'city_name',
bind: {
  store: '{filteredStore}'
}

我已经尝试过这些:

https://fiddle.sencha.com/#fiddle/983&view/editor

https://fiddle.sencha.com/#view/editor&fiddle/2dt0

我也尝试将过滤器放置在组合框中，如下所示:

xtype: 'combobox',
label: 'City',
valueField: 'city_id',
displayField: 'city_name',
bind: {
   store: '{filteredStore}',
   filters: {
      property: 'province_id',
      value: '{selectedProvince}'
    }
 }

结果仍然没有被过滤。我正在使用 extjs 7，如果有帮助的话。谢谢

Answer 1

这是 your other question 的重复项:

答案还在这个Fiddle

我更新了它以匹配您在此线程中的问题。

您必须将两个存储设置为 autoLoad: true 并将组合框设置为 queryMode: 'local'。