React-virtualized-checkbox-antd NPM

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
		}]