グリッド：フィルタ

グリッドのcollectionView.filterプロパティを直接使用できます。このプロパティは使いやすく、柔軟性も極めて高いですが、フィルタUIを自分で実装する必要があります。

たとえば、次のグリッドでは、国名でデータをフィルタ処理できます。

import * as wjGrid from '@mescius/wijmo.grid';

function init() {
    // グリッドを作成します
    var theGrid = new wjGrid.FlexGrid('#theGrid', {
        itemsSource: data,
    });
    // フィルタテキストボックスが変更されたときにグリッドフィルタを更新します
    document.getElementById('filter').addEventListener('input', function(e) {
        var filter = e.target.value.toLowerCase();
        theGrid.collectionView.filter = function(item) {
            return filter.length == 0 || item.country.toLowerCase().indexOf(filter) > -1
        }
    });
}