2016-07-20 5 views
1

グリッドの列ヘッダーにフィルターピッカー(列のフィルターデータ用のオプションがあります)を追加します。私の中でフィルタプラグインを追加する方法Ext JS Grid 3.2の列ヘッダーにフィルタピッカーを追加する方法

With Filter

:私はこのように私のヘッダーをしたい

Existing image

:私はこれを取得していますのExt JS 3.2.2に

を使用していますグリッド?

また、私はこのコードを試していますが、フィルタをドロップダウンしていません。

this.filters = new Ext.ux.grid.filter.StringFilter({ 
      filters:this.filter 
     }) ; 
     grid.plugins = [this.filters], 
     grid.features = [{ 
       ftype : this.filters 
      } 
     ]; 

ご協力いただきありがとうござい

答えて

2

をあなたが方法を以下で記述する必要がgridのヘッダにfilderを使用します。 フィルタのdiclear配列を作成し、グリッドにスコープを指定します。その後

grid.filters = new Ext.ux.grid.GridFilters({ 
      filters:this.filter 
     }) ; 

書き込みプラグインあなたは列がデータストアから来る

grid.filter{ 
    type: 'list', 
    dataIndex: "DATAINDEX", 
    local : local, 
    dataForFilter : data 
}; 

を書き加えること

grid.plugins = [this.filters]; 

を書きます。必要に応じてカムを変更します。これは基本的なもので、私があなたに達成するために提案するものです。

関連する問題