本文主要是介绍protable列表实现搜索框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
protable列表实现搜索框,放在column中用antd自带搜索,‘放大镜’搜索图标放不上,
于是,单独写form表单, Input.Search实现。
<Input.Search placeholder="请输入供应商名称" onSearch={() => handleVendorModalVisible(true)} />
onSearch方法弹出新页面搜索,跳转页面回传的参数value通过如下实现
form.setFieldsValue({'vendorName':value})
遇到的问题:
如果使用下方代码,则参数无法回显在表单中,猜测组件问题,就只能用Input.Search实现
<Input placeholder="请输入供应商名称" onSearch={() => handleVendorModalVisible(true)} /><span onClick={() => handleVendorModalVisible(true)}> <SearchOutlined /></span>
这篇关于protable列表实现搜索框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!