@beisen/checkbox-list-add-choose-all
v1.0.5
Published
``` import React from 'react'; import SelectList from '../../src/index' const demoData= [ { label:'hahahh', value:'1', checked:false, disabled:false }, { label:'hahahh2', value:'2', checked:false, disabled:false },
Downloads
11
Keywords
Readme
example:
import React from 'react';
import SelectList from '../../src/index'
const demoData= [
{
label:'hahahh',
value:'1',
checked:false,
disabled:false
},
{
label:'hahahh2',
value:'2',
checked:false,
disabled:false
},
{
label:'hahahh3',
value:'3',
checked:false,
disabled:false
},
{
label:'hahahh4',
value:'4',
checked:false,
disabled:true
},
]
export default function(){
return <SelectList
onSubmit={(list)=>{console.log(list)}}
selectList={demoData}
maxHeight={200}
emptyTitle={'没有,空的,待添加~'}
/>
}
参数
名 | 说明 |类型| 是否必传 | 默认值 ---|--- | --- | --- | --- selectList | 传入展示选择的数据 |数组| 是| [] maxHeight| 展示的最大高度,超出滚动内容部分 |数字|否| 290,number onSubmit | 点击确认按钮时候的事件| (list)=>{}|是|无 emptyTitle | 数据为空时候的提示语|string|否|快来添加吧~
selectList
名 | 意义|是否必传|默认 ---|---|---|--- label | 展示名称 | 是 | 空 value | 标识数据 | 是 | 空 checked | 是否选中 | 是 | false disabled | 是否不可编辑 | 是 | false