ExtJS绑定筛选器并选择子组合框中的默认值

// 创建一个Store，作为组合框的数据源
var store = Ext.create('Ext.data.Store', {
    fields: ['id', 'name'],
    data: [
        { id: 1, name: '选项1' },
        { id: 2, name: '选项2' },
        { id: 3, name: '选项3' }
    ]
});

// 创建一个筛选器，根据条件过滤数据
var filter = new Ext.util.Filter({
    property: 'id',
    value: 2
});

// 将筛选器绑定到数据源上
store.addFilter(filter);

// 创建一个父组合框
var parentCombo = Ext.create('Ext.form.field.ComboBox', {
    fieldLabel: '父组合框',
    store: store,
    displayField: 'name',
    valueField: 'id',
    renderTo: Ext.getBody()
});

// 创建一个子组合框，根据父组合框的值选择默认值
var childCombo = Ext.create('Ext.form.field.ComboBox', {
    fieldLabel: '子组合框',
    store: store,
    displayField: 'name',
    valueField: 'id',
    renderTo: Ext.getBody(),
    listeners: {
        afterrender: function(combo) {
            combo.setValue(parentCombo.getValue());
        }
    }
});