wfilter
v1.0.1
Published
it is smiple filter react component
Downloads
1
Readme
移动端筛选组件 ###v0.0.1
调用方法:
<WFilter help ref={(el)=>{this.WFilter = el}}>
<WFilter.Item field="all" onClick={()=>{console.log('全部')}}>全部</WFilter.Item>
<WFilter.Item field="test" data={sData}>测试</WFilter.Item>
</WFilter>
<WFilter>
help 帮助 [Boole]
other 可以传入样式什么的 [any]
Menu={{multiSelect:true}} 同步antd-moble的菜单设置
onChange=({ selectedData, nowField })=>{} 切换时会自动执行 [fn]
onOk={(val)=>{}} 关闭/确认时会执行的函数 [fn]
<WFilter.Item>
field="documentNo" 唯一的名字必传 [string]
onClick 传入后data属性将失去意义 [fn]
data 所有的选择项 [Array] -> ([{label, value, children:[{...}]}])
defaultValue 默认数据 [Array] -> (单选['3', '4'], 多选['3', ['0', '5']])
other 可以传入样式什么的 [any]
方法:
1、getData((val)=>{}) eg: this.WFilter.getData();
2、reSetSelectedData(callback) 清空选择的数据一般重置用到 重置后执行的方法都应放到callback函数