过滤器控制

Bootstrap Table的表过滤器控制扩展。

#### 用法
```html
<link rel="stylesheet" type="text/css" href="extensions/filter-control/bootstrap-table-filter-control.css">
<script src="extensions/filter-control/bootstrap-table-filter-control.js"></script>
```

#### 选项
**filterControl**
- 属性: `data-filter-control`

- 类型: `Boolean`

- 详情:

设置为 `true` 可向列中添加输入或选择。

- 默认:  `false`

**filterControlVisible**
- 属性: `data-filter-control-visible`

- 类型: `Boolean`

- 详情:

设置为 `false` 以隐藏过滤器控件。

- 默认:  `true`

**alignmentSelectControlOptions**
- 属性: `data-alignment-select-control-options`

- 类型: `String`

- 详情:

设置选择控件选项的对齐方式。使用 `left`、`right` 或 `auto`。

- 默认:  `undefined`

**filterControlContainer**
- 属性: `data-filter-control-container`

- 类型: `Selector`

- 详情:

设置为例如 `#filter`，以允许在具有id `filter` 的元素中使用自定义输入筛选器。每个筛选器元素（输入或选择）必须具有以下类 `bootstrap-table-filter-control-<FieldName>`（必须用定义的 [Field](https://bootstrap-table.com/docs/api/column-options/#field "Field") 名称）。

- 默认:  `false`

**filterDataCollector**
- 属性: `data-filter-data-collector`

- 类型: `Function`

- 详情:

收集将添加到选择筛选器中的数据，以通过逗号分隔并用格式化程序显示的标签进行筛选。

- 默认:  `undefined`

**filterControlMultipleSearch**
- 属性: `data-filter-control-multiple-search`

- 类型: `bool`

- 详情:

设置为 `true` 以允许一次搜索多个值。

值将由分隔符分隔，请参阅选项`filterControlMultipleSearchDelimiter`。

- 默认:  `false`

**filterControlMultipleSearchDelimiter**
- 属性: `data-filter-control-multiple-search-delimiter`

- 类型: `String`

- 详情:

定义将用于拆分选项 `filterControlMultipleSearchDelimiter` 中的搜索值的分隔符。

- 默认:  `,`

**searchOnEnterKey**
- 属性: `data-search-on-enter-key`

- 类型: `Boolean`

- 详情:

设置为 `true` 以在用户按下enter键时启动搜索操作。

- 默认:  `false`

**showFilterControlSwitch**
- 属性: `data-show-filter-control-switch`

- 类型: `Boolean`

- 详情:

设置为 `true` 以显示过滤器控制开关按钮。

- 默认:  `false`

**sortSelectOptions**
- 属性: `data-sort-select-options`

- 类型: `Boolean`

- 详情:

设置为 `true` 可对选择控件的选项元素进行排序。

- 默认:  `false`

#### 列选项
**filterControl**
- 属性: `data-filter-control`

- 类型: `String`

- 详情:

设置输入：显示输入控件，`select`：显示选择控件，`datepicker`：显示html5日期选择器控件。

- 默认:  `undefined`

**filterControlPlaceholder**
- 属性: `data-filter-control-placeholder`

- 类型: `String`

- 详情:

设置此项以便仅在输入筛选器控件中显示占位符。

- 默认:  `''`

**filterCustomSearch**
- 属性: `data-filter-custom-search`

- 类型: `function`

- 详情:

执行自定义搜索函数而不是内置搜索函数，采用四个参数：

- `text`: 搜索文本。
  - `value`: 要比较的列的值。
  - `field`: 列字段名。
  - `data`: 表数据。

返回 `false` 以筛选出当前列/行。返回 `true` 以不筛选出当前列/行。返回 `null` 可跳过当前值的自定义搜索。

- 默认:  `undefined`

**filterData**
- 属性: `data-filter-data`

- 类型: `String`

- 详情:

设置自定义选择筛选器值，使用 `var:variable` 从变量 `obj:variable.key` 从对象url加载：`http://www.example.com/data.json` 从远程json文件加载 `json:{key:data}` 从json字符串加载。`func:functionName` 从函数加载。

- 默认:  `undefined`

**filterDatepickerOptions**
- 属性: `data-filter-datepicker-options`

- 类型: `Object`

- 详情:

如果设置了日期选择器选项，请使用此选项使用本机选项配置日期选择器。使用以下方式：`data-filter-datepicker-options='{"max":value1, "min": value2, "step": value3}'`。有关更多信息，请访问[本文档](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date "本文档")

- 默认:  `undefined`

**filterDefault**
- 属性: `data-filter-default`

- 类型: `String`

- 详情:

设置过滤器的默认值。

- 默认:  `undefined`

**filterOrderBy**
- 属性: `data-filter-order-by`

- 类型: `String`

- 详情:

设置此选项可对选择控件中的选项进行排序，无论是升序（`'asc'`）、降序（`'desc'`）还是按服务器提供的顺序（`'server'`）。

- 默认:  `'asc'`

**filterStartsWithSearch**
- 属性: `data-filter-starts-with-search`

- 类型: `Boolean`

- 详情:

如果要使用“以搜索开头”模式，请设置为 `true`。

- 默认:  `false`

**filterStrictSearch**
- 属性: `data-filter-strict-search`

- 类型: `Boolean`

- 详情:

如果要使用严格搜索模式，请设置为 `true`。

- 默认:  `false`

**Icons**
- clear: `'glyphicon-trash icon-clear'`
- filterControlSwitchHide: `'glyphicon-zoom-out icon-zoom-out'`
- filterControlSwitchShow: `'glyphicon-zoom-in icon-zoom-in'`

#### 事件
**onColumnSearch(column-search.bs.table)**
在搜索列数据时激发

**onCreatedControls(created-controls.bs.table)**
在搜索列数据时激发

#### 方法
**triggerSearch**
手动触发搜索操作

**clearFilterControl**
清除此插件添加的所有控件（类似于showSearchClearButton选项）。

**toggleFilterControl**
切换过滤器控件的可见性（显示/隐藏）。

#### 本地化
**formatClearFilters**
- 类型: `Function`

- 默认:  `function () { return "Clear Filters" }`

**formatFilterControlSwitch**
- 类型: `Function`

- 默认:  `function () { return "Hide/Show controls" }`

**formatFilterControlSwitchHide**
- 类型: `Function`

- 默认:  `function () { return "Hide controls" }`

**formatFilterControlSwitchShow**
- 类型: `Function`

- 默认:  `function () { return "Show controls" }`