博客

protable列表实现搜索框

  • Post author:
  • Post category:其他


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>


版权声明：本文为weixin_43979572原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。