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();