react-virtualized-checkbox-antd

基于 react-virtualized + antd 的复选框组件

安装包

npm install react-virtualized-checkbox-antd

示例

import ReactVirtrualizedCheckbox from 'react-virtualized-checkbox-antd'

<ReactVirtrualizedCheckbox
    items={companyData}
    labelKey="companyName"
    checkedKey="isSelect"
    filterWidth="300px"
    hasFilter
    onChange={item => console.log('onChange', item)}
/>

api配置项

参数	说明	类型	默认值
items	数据源	Array	[]
labelKey	所展示字段属性	String	"label"
checkedKey	选中属性	String	"checked"
hasFilter	是否展示搜索框	Bool	false
filterWidth	搜索框宽度	Number	300
filterText	默认搜索框内容	String	""
rowHeight	行高	Number	30
onChange	复选框change事件	Func	()=>null

items示例：

        [{
            companyCode: "FYQC180308877316",
            parentName: "（总部）福佑卡车",
            companyName: "福佑卡车",
            id: 1,
            parentId: 2257,
            isSelect: '1'
        }, {
            companyCode: "SHWL151024222814",
            parentName: "（总部）盛辉物流集团有限公司",
            companyName: "盛辉物流集团有限公司",
            id: 95,
            parentId: 870
        }]

返回参数示例

       [{
            companyCode: "FYQC180308877316",
            parentName: "（总部）福佑卡车",
            companyName: "福佑卡车",
            id: 1,
            parentId: 2257,
            isSelect: true
        }, {
            companyCode: "SHWL151024222814",
            parentName: "（总部）盛辉物流集团有限公司",
            companyName: "盛辉物流集团有限公司",
            id: 95,
            parentId: 870,
            isSelect: false
        }]

演示