如何根據記錄的值在editorgrid的組合框中過濾商店？

Question

我有一個網格，其中有一列組合框。我需要根據像下面的記錄過濾掉組合框的值：

id | name |  options 
====================================== 
1 | string | combobox(1,2,3) 
2 | string | combobox(1,2,3,4,5) 
3 | string | combobox(1,2,3) 
1 | string | combobox(1,2,3) 

所以，最後我要求的基礎上id列選項的值。以下是我的extjs網格列配置。

columns: [{ 
       header: 'id', 
       dataIndex: 'id', 
       id: 'id', 
       hidden: true 
      },{ 
       header: 'Name', 
       dataIndex: 'name', 
       id: 'name', 
       menuDisabled: true, 
       flex : 1 
      },{ 
       header: 'options', 
       dataIndex: 'options', 
       id: 'options', 
       menuDisabled: true, 
       flex : 1, 
       editor : { 
        xtype : 'combo', 
        store: optionStore, 
        valueField: 'id', 
        displayField: 'name', 
        triggerAction: 'all', 
        mode : 'local', 
        disabled: true, 
        listners: { 
         expand: this.filterFunc(this) 
        } 
       }, 
       renderer: this.columnRenderer 
      }] 

如何在ExtJS editorgrid中篩選存儲而不使用不同的行。

PS - 我使用ExtJS的3.4版本

Answer 1

可以使用的渲染器，它應該是這樣的：

renderer: function(value, metaData, record, rowIndex, colIndex, store) { 
    value.store.filter([ 
     { 
      property: 'filteredProperty', 
      value: record.get('id') 
     } 
    ]); 
} 

Answer 2

我用下面列的配置與聽衆expand其過濾器的商店，而擴大組合框列表。

{ 
    header: 'options', 
    dataIndex: 'options', 
    id: 'options', 
    menuDisabled: true, 
    flex : 1, 
    editor : { 
     xtype : 'combo', 
     store: optionStore, 
     valueField: 'id', 
     displayField: 'name', 
     triggerAction: 'all', 
     mode : 'local', 
     disabled: true, 
     listeners: { 
      expand : function(combo){ 
       var id = Ext.getCmp('grid').getSelectionModel().selection.record.data.id; 
       combo.store.filter('attributeId',attributeId); 
      } 
     } 
    }, 
    renderer: this.columnRenderer 
}