Extjsのグリッドカラムフィルタリングの問題

Question

グリッドパネルを作成しましたが、いくつかのカラムにフィルタリングを適用したいと思います。しかし、私はフィルタリングに関する問題に直面しています。 datecolumnオブジェクト（xtype： 'datecolumn'）の作成中に、デフォルトのフィルタリングを設定することはできますか？グリッドパネルがロードされているとき、どのようにデフォルトフィルタリングオプションを適用できますか？ ご意見ありがとうございます。

Answer 1

これにはgridfilters pluginを使用できます。続き

はDate filter

var shows = Ext.create('Ext.data.Store', { 
 
    fields: ['id','show', { 
 
      name: 'airDate', 
 
      type: 'date', 
 
      dateFormat: 'Y-m-d' 
 
    }], 
 
    data: [ 
 
     {id: 0, show: 'Battlestar Galactica', airDate: '1978-09-17'}, 
 
     {id: 1, show: 'Doctor Who', airDate: '1963-11-23'}, 
 
     {id: 2, show: 'Farscape', airDate: '1999-03-19'}, 
 
     {id: 3, show: 'Firefly', airDate: '2002-12-20'}, 
 
     {id: 4, show: 'Star Trek', airDate: '1966-09-08'}, 
 
     {id: 5, show: 'Star Wars: Christmas Special', airDate: '1978-11-17'} 
 
    ] 
 
}); 
 

 
Ext.create('Ext.grid.Panel', { 
 
    renderTo: Ext.getBody(), 
 
    title: 'Sci-Fi Television', 
 
    height: 250, 
 
    width: 375, 
 
    store: shows, 
 
    plugins: 'gridfilters', 
 
    columns: [{ 
 
     dataIndex: 'id', 
 
     text: 'ID', 
 
     width: 50 
 
    },{ 
 
     dataIndex: 'show', 
 
     text: 'Show', 
 
     flex: 1 
 
    },{ 
 
     xtype: 'datecolumn', 
 
     dataIndex: 'airDate', 
 
     text: 'Original Air Date', 
 
     width: 125, 
 
     filter: { 
 
      type: 'date', 
 
      operator: 'on', 
 
      value: {eq:new Date('1999-03-19')} // equals or ON 
 
      //value: {lt:new Date('1999-03-19')} // less then or BEFORE 
 
      //value: {gt:new Date('1999-03-19')} // greater then or AFTER 
 
      
 
     } 
 
    }] 
 
});