可调序列表

使用方法:

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 丨 软件开发框架平台