作成日: 2018/09/05 最終更新日: 2023/09/14
文書種別
使用方法
詳細
フィルタ機能を有効にするには、グリッドを作成後に、下記コードのようにFlexGridFilterのインスタンスを作成してパラメーターとしてグリッドを渡します。これにより、すべての列にフィルタが追加されます。
var filter = new wijmo.grid.filter.FlexGridFilter(FlexGrid);
しかし、フィルタはFlexGridの列単位で表示／非表示を設定するプロパティはありません。
特定の列のみフィルタを設定するには、FlexGridFilterクラスを使用した下記の方法があります。
■方法１：filterColumnsプロパティを設定する方法
FlexGridFilterクラスのfilterColumnsプロパティにバインド名の配列を設定することで、その列のみフィルタを有効にできます。
var filter = new wijmo.grid.filter.FlexGridFilter(FlexGrid);
// 配列に設定した列のみフィルタが有効になります
filter.filterColumns = ['country', 'downloads', 'sales'];
■方法２：getColumnFilterメソッドで列を取得してfilterTypeプロパティを設定する方法
FlexGridFilterクラスのgetColumnFilterメソッドで取得した列に対し、filterTypeプロパティを「None」に設定することでフィルタを解除できます。
var filter = new wijmo.grid.filter.FlexGridFilter(FlexGrid);
// 取得した列のフィルタをなしにします
var Nonefilter = filter.getColumnFilter('active');
Nonefilter.filterType = 'None';
以下のサンプルは、'active'列のフィルタをなしに設定します。
サンプル
関連情報
旧文書番号
83198