如何渲染组合框下拉列表

Question

我在过滤数组存储时遇到问题。

场合

我有两个带阵列存储的组合框。组合框1和组合框2都处于“本地”模式并具有预定义的阵列存储。当我点击并选择第一个组合框中的一行时，我在第二个组合框上应用了一个过滤器（尚未加入）。问题是第二个组合框没有渲染它的数据（或html），所以没有应用过滤器。

当我点击第二个组合框，然后点击第一个组合框时，过滤器就会应用并正常工作。

我的问题是，如何预渲染array_store / combobox？

我确实尝试首先扩展组合框，但也没有为我工作。 （见评论代码）

var store1 = new Ext.data.ArrayStore({
      fields: ['id','name'],
      data:somedata //array of some data
});

var store2 = new Ext.data.ArrayStore({
      fields: ['id','name'],
      data:somedata //array of some data
});

var combobox1 = {
    name: 'combobox_1',
    xtype: 'combo',
    hiddenName: 'combobox_1',
    store: store1,
    displayField:'name',
    valueField:'id',
    mode:'local',
    triggerAction: 'all',
    allowBlank:true,
    emptyText:'Select...',
    listeners:{
        select: function(st, r){
            var selected = r.get('name');
            var combobox2 = Ext.getCmp('combobox2');
            //combobox2.expand();
            combobox2.store.filter([
               {
                property     : 'name',
                value        : selected,
                anyMatch     : true,
                caseSensitive: false
              }
            ]);
        },
        scope:this
    }
}

var combobox2 = {
    name: 'combobox_2',
    xtype: 'combo',
    hiddenName: 'combobox_2',
    store: store2,
    id: 'combobox2'
    displayField:'name',
    valueField:'id',
    mode:'local',
    triggerAction: 'all',
    allowBlank:true,
    emptyText:'Select...',
}