antd input select 一键清空
antd input select 一键清空
react+antd开发的内部管理系统,以表格,表单为主,页面多,开发人员多,开发风格不统一,需要为有多个查询条件的页面提供一键清空功能,奈何antd input,select有allowClear的属性却没有提供清空的方法,时间紧,最后决定使用jquery自动触发清空x 的方式进行
input select清空
Input Select 设置allowClear=true
$(’.ant-select-clear’).trigger(‘click’)
$(’.ant-input-clear-icon’).trigger(‘click’)
其他组件的清空如果有allowClear属性都可以用这个方法清空
form中的input select清空
表单中清空可以使用表单重置功能一键清空this.props.form.resetFields();
input select清空无效?
如果遇到不管是界面点击x 或自动触发清空都无效的时候,检查input,select是否设置了onchange属性,如果没有这个属性是无法清空的