Wijmo5 FlexGrid教程（16）- 实现自定义筛选条件功能

在之前的文章中，我们学习了如何给wijmo5 flexgrid添加过滤：(十)过滤。

本文就在之前的基础上，来介绍如何自定义过滤的筛选条件。

首先，我们添加如下引用，使得界面中文化：

   <script src="js/wijmo.culture.zh.min.js" type="text/javascript"></script>

这个时候当我们使用FlexGridFilter的过滤，过滤的界面会呈现中文。

如图：

在这个基础上，我们来看看条件界面的操作符有哪些。

如图：

通过wijmo.culture.FlexGridFilter就能获取到所有的筛选条件，并且进行重新的定义。

代码参考：

    var filter = wijmo.culture.FlexGridFilter,
                 Operator = wijmo.grid.filter.Operator;

分别针对String，Number等不同类型修改筛选条件。

代码：

  filter.stringOperators = [
             { name: '缺省', op: null },
             { name: '等于', op: Operator.EQ },
             { name: '不等于', op: Operator.NE },
             { name: '大于', op: Operator.GT }, // added
             { name: '小于', op: Operator.LT }, // added
             //{ name: 'Begins with', op: Operator.BW },
             //{ name: 'Ends with', op: Operator.EW },
             //{ name: 'Has', op: Operator.CT },
             //{ name: 'Hasn\'t', op: Operator.NC }
             ];
             filter.numberOperators = [
                 { name: '缺省', Operator: null },
                 { name: '等于', op: Operator.EQ },
                 { name: '不等于', op: Operator.NE },
                 { name: '大于', op: Operator.GT },
                 ////{ name: 'Is Greater than or equal to', op: Operator.GE },
                 { name: '小于', op: Operator.LT },
                 //{ name: 'Is Less than or equal to', op: Operator.LE }
             ];
             filter.dateOperators = [
                     { name: '(not set)', op: null },
                     { name: 'Same', op: Operator.EQ },
                     { name: 'Earlier', op: Operator.LT },
                     { name: 'Later', op: Operator.GT }
             ];
             filter.booleanOperators = [
                     { name: '(not set)', op: null },
                     { name: 'Is', op: Operator.EQ },
                     { name: 'Isn\'t', op: Operator.NE }
             ];