Cdlist.addons.Filter

实例化参数

  • option.line 将筛选条件完全列举出来,并不是以 select 形式展示

    type: bool | default: false

  • option.filters 配置 Filter 插件的筛选项目,为数组项目

    type: array

    • filter.label 筛选项的描述字段

      type: string

    • filter.name 筛选项的标识字段

      type: string

    • filter.activeIndex 筛选的默认选中项目索引

      type: int

    • filter.className 筛选项的自定义类名

      type: int

    • filter.historyKey 自定义筛选项 history Key 如果不设置则用 name 值

      type: string

    • filter.datas 筛选项目数据数组

      type: array

      [{name: '北京', value: 'beijing'}, {name: '上海', value: 'shanghai'}]

  • option.resetList 筛选项改变后的重置插件列表

    type: array | default: ['pagination']

  • option.historyEnable 是否开启 history 记录模式

    type: bool | default: false

  • option.container 插件容器

    type: string

new CdList.addons.Filter({
  historyEnable: 1,

  line: 1,

  container: '#filter-wrap',

  filters: [
    {
      label: '用户属性',

      name: 'usertype',

      activeIndex: 1,

      className: 'item-usertype',

      historyKey: 'my-usertype',

      datas: [
        { name: '不限', value: 0 },
        { name: '僵尸用户', value: '1' },
        { name: '活跃用户', value: '2' }
      ]
    }
  ]
});

实例方法

在下面的示例中 filter 为实例化对象

① filter.setActive

设置一个筛选项目的选中状态,传入 name, value 值

用法

filter.setActive('usertype', '1');

② filter.reset

重置筛选插件,目前只支持全部筛选项重置

用法

filter.reset();

results matching ""

    No results matching ""