可调序列表
使用方法:
1. 创建可排序列表实例:
const sortlistTest = McrbHttpClient.sortList(containerId, cols)
其中containerId为sortlist容器的ID, cols为sortlist配置项
2. 渲染可调序列表
sortlistTest.render(dataSource)
dataSource为要渲染的数据
配置项cols的参数
| key(String) | 字段名称 |
| title(String) | 字段名称对应的标题 |
数据项dataSource格式见使用实例
使用实例:
<div id="testSortlist"></div>
<script>
const cols = [
{
key: 'name',
title: '名称',
},
{
key: 'age',
title: '年龄',
},
{
key: 'type',
title: '类型',
},
]
const dataSource = [
{
name: 'tom',
age: 18,
type: '学生'
},
{
name: 'jay',
age: 28,
type: '歌手'
},
{
name: 'jack',
age: 48,
type: '演员'
}
]
const sortlistTest = McrbHttpClient.sortList('testSortlist', cols)
sortlistTest.render(dataSource)
</script>
效果展示:
本文档来自—microbee-http 丨 软件开发框架平台
扫一扫