Cdlist.addons.Sort
实例化参数
option.activeIndex默认选中的排序规则option.datas排序规则数组type: array
data.key排序规则的标识data.name排序规则的描述data.types对于一项排序可能的值type: array
比如对于价格排序有升序、降序两种，那么此项的配置为：['ASC', 'DESC']，用户点击后会在这两个状态进行切换；
同时会将这两个状态作为 class 类名加入到排序项中，开发者便可对其进行样式修改
同时插件提供了两个常量：CdList.addons.Sort.SORT_MAP.ASC, CdList.addons.Sort.SORT_MAP.DESC，分别标识升序、降序
option.historyEnable是否开启 history 记录模式type: bool | default: false
option.historyKeyhistory param 参数的 keytype: string | default: page
option.container插件容器type: string
option.resetList排序项目项改变后的重置插件列表type: array | default: ['pagination']
new CdList.addons.Sort({
historyEnable: 1,
datas: [
{
key: 'defautl',
name: '默认'
},
{
key: 'price',
name: '价格排序',
types: [
CdList.addons.Sort.SORT_MAP.ASC,
CdList.addons.Sort.SORT_MAP.DESC
]
}
]
});
如何控制排序样式
对于一个排序项，大部分存在两种排序项目：升序，降序
也有不用传入 types 的排序项，例如默认排序，综合排序
用户在点击时会在两个配置的排序项目中切换，同时改变当前排序项目的 class 类名，例如：types 的值为 ['asc', 'desc']
在升序时：排序项会有 cdlist-sort-type-asc 类名，在降序时排序项有：cdlist-sort-type-desc 类名，开发者可以根据不同的状态设置样式
实例方法
在下面的示例中
sort为实例化对象
① sort.activeSort
更改当前的排序规则，传入排序 key 值、type 值（如果有）
sort.activeSort('price', CdList.addons.Sort.SORT_MAP.DESC)
② search.reset
重置排序规则
用法
sort.reset();