2012-08-10 73 views
0

我想要做的是網格列中的過濾器選項。這是列:無法獲得定製網格過濾器的工作

{ 
     id: 'kleuren', 
     text: 'Kleuren', 
     sortable: true, 
     filterable: true, 
     minWidth: 60, 
     flexible: 0, 
     width: 60, 
     filter: { 
      type: 'list', 
      store: kleuren 
     }, 
     renderer: kleurenWeergave, 
     dataIndex: 'kleuren' 
    } 

的存儲/模式我用這個

kleurenStore = Ext.create('Ext.data.Store', { 
    fields: ['id', 'text'], 
    data: kleurenModel 
}); 

var kleurenModel = [ 
      ['rood', 'rood'], 
      ['groen', 'groen'], 
      ['blauw', 'blauw'], 
      ['geel', 'geel'] 
      ] 

這是我網格現在

var grid = Ext.create('PersistantSelectionGridPanel', { 
    autoscroll: true, 
    region: 'center', 
    store: allLoaded, 
    multiSelect: false, 
    stateful: true, 
    features: [filtersFeature], 
    loadMask: false, 
    stateId: 'stateGrid', 
    viewConfig: { 
     stripeRows: true 
    }, 
    columns: [{.... 

回答

1

您運行的是什麼版本的ExtJS的?不能用你發佈的代碼進行調試。

你可以發佈你的網格代碼?

網格應該有一個過濾器的功能添加爲配置:

var filtersFeature = 
{ 
    ftype : 'filters', 
    local : false, // For Server Side Filtering 
    encode : true 
}; 

而且網格應該有一個配置選項

.... 
columns: defaultModel, 
loadMask: true, 
features: [filtersFeature] // To enable Filters 
.... 
+0

哎,我使用4.1如果我這樣做我得到一個錯誤:錯誤:Ext.Loader未啓用,因此依賴項無法動態解析。缺少必需的類:feature.filters – 2012-08-10 13:13:20

+0

您需要添加 「require:['Ext.ux.grid.FiltersFeature']」 而且您必須啓用Ext Loader以啓用動態依賴關係。這可以通過添加 Ext .Loader.setConfig({啓用:真});在你的Ext.onReady中。Something Like: - Ext.onReady(function(){ Ext.Loader.setConfig({enabled:true}); }); 檢查這篇文章的詳細信息: - http://stackoverflow.com/questions/5715626/ext-loader-not-enabled-missing-required – jssridhar 2012-08-13 12:05:58