ExtJS 6メモリプロキシ内でカスタムフィルタ機能を使用

Question

memory proxyとenablePaging: trueのストアが設定されています。ストアのremoteFilterとremoteSortはtrueに設定されているため、プロキシによって処理されるリクエストのフィルタリングとソートが行われます。

複数のフィールドでストアをフィルタリングすると、AND条件ではなくOR条件を使用します。

メモリプロキシページングなしの私のようremoteFilter: false、カスタムフィルタ機能を使用できます。

store.filterBy(function (record) 
{ 
    for (var i = 0; i < searchFields.length; ++i) { 
     if (record.get(searchFields[i]).toLowerCase().indexOf(searchText) !== -1) { 
      return true; 
     } 
    } 
    return false; 
}); 

しかし、私は有効になってページングでこれを達成することができますか？オーバーライドメモリプロキシ？

Answer 1

Ext.data.proxy.Memory.read使用Ext.util.Filter.createFilterFn：だから

// Filter the resulting array of records 
if (filters && filters.length) { 
    // Total will be updated by setting records 
    resultSet.setRecords(records = Ext.Array.filter(records, Ext.util.Filter.createFilterFn(filters))); 
    resultSet.setTotal(records.length); 
} 

、あなたは異なるフィルタロジックを使用したい場合は、することができます、アイデアのための

Ext.define('MyApp.extensions.FilterMemoryProxy', { 
    extend: 'Ext.data.proxy.Memory', 
    alias: 'proxy.filtermemory', 

    createCustomFilterFn: function (filters) 
    { 
     if (!filters) { 
      return Ext.returnTrue; 
     } 
     return function (candidate) 
     { 
      var items = filters.isCollection ? filters.items : filters, 
       length = items.length, 
       i, filter; 
      for (i = 0; i < length; i++) { 
       filter = items[i]; 
       if (!filter.getDisabled() && candidate.get(filter.getProperty()).toLowerCase().indexOf(
         filter.getValue().toLowerCase()) !== -1) { 
        return true; 
       } 
      } 
      return false; 
     }; 
    }, 

    read: function (operation) 
    { 

     ... 

     if (operation.process(resultSet, null, null, false) !== false) { 
      // Filter the resulting array of records 
      if (filters && filters.length) { 
       // Total will be updated by setting records 
       resultSet.setRecords(records = Ext.Array.filter(records, me.createCustomFilterFn(filters))); 
       resultSet.setTotal(records.length); 
      } 

     ... 

     } 
    } 
}); 

Answer 2

searchFieldsで指定されたフィールドの文字列のみを検索する場合は、convertメソッドが指定されたモデルに「仮想」フィールドを追加することができます。例えば

：

// Extend Ext.data.Model or create it. Dealer's choice. 
Ext.define('MyLocalModel', { 
    extend: 'Ext.data.model', 
    fields: [ 
     ... 
     { 
      name: 'searchField', 
      type: 'string', 
      convert: function(value, record) { 
       // Get search fields somewhere 
       var resultArray = []; 
       for (var i = 0; i < searchFields.length; ++i) { 
        var searchField = searchFields[i]; 
        var fieldValue = record.get(searchField); 
        resultArray.push(fieldValue); 
       } 

       // Join by a string that would not normally be searched 
       // so that field values 'foo' and 'bar' are not valid when searching 'ooba' 
       var result = resultArray.join('**'); 
       return result; 
      } 
     } 
    ] 
}); 

あなたが店でやらなければならないことは、次のとおりです。

store.filter('searchField', searchText); 

それはあなたが探しているものを正確にはありませんが、それは仕事を得る必要があります。 []（プロパティ値のコンフィグで）渡されたExt.util.Filterに基づいてフィルタ機能を作成するための