javascript - ExtJS 组合框过滤器

Question

我有两个组合框。第一个用于选择地区，第二个用于选择省。应显示在省份组合框中的值将基于区域组合框中选择的值。

区域组合框代码:

xtype: 'combobox',
label: 'Region ID',
margin: '10 20',
flex: 1,
valueField: 'regionid',
displayField: 'regionname',
store: 'RegionStore',
minLength: 1,
id: 'region_id',
reference: 'region_id',
name: 'region_id',
listeners: {
  select: function(combo, value) {
    var id = Ext.getCmp('province'),
    store = id.getStore();

    if (!value) {
      store.getFilters().removeAll();
    } 
    else {
      store.filter('regionid', val)
    }
  }
}

省组合框代码:

label: 'Province',
margin: '10 20',
flex: 1,
queryMode: 'remote',
store: 'ProvinceStore',
valueField: 'provinceid',
displayField: 'provincename',
minLength: 1,
id: 'province',
name: 'province',
reference: 'province'

我没有收到任何错误，但是当我单击省份组合框(假设我已经为区域组合框选择了一个值)时，省份组合框中显示的值不会被过滤，而是所有结果都会被过滤显示。我已经研究这个好几天了。有人可以帮忙吗？

Answer 1

您正在使用queryMode: 'remote'，以便您的服务器返回数据。前端无法控制返回什么。

示例中的 val 应该是 value。

我会选择一家链式店，它有一个基于选择的过滤器。

这是一个 fiddle 来展示这一点: Fiddle

这与 your other question 重复