zoukankan      html  css  js  c++  java
  • antd table表单再次进入清空搜索框的内容

    问题描述:table内增加了搜索框第一次输入内容,等下次打开的时候搜索框内内容未清空,仍然存在,

    原因:未重现加载table 即selectkeys未清空

     解决:

    clearFilters参数antd自带的清空输入框内容的方法,定义一个全局的方法把clearFilters赋值给这个方法clearTabSearch,再弹窗取消和确定按钮点击的时候调用

    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
          <div style={{ padding: 8 }}>
            <Input
              ref={node => {
                this.searchInput = node;
              }}
              placeholder={`Search ${dataIndex}`}
              value={selectedKeys[0]}
              onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}
              onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}
              style={{  188, marginBottom: 8, display: 'block' }}
            />
            <Button
              type="primary"
              onClick={() => this.handleSearch(selectedKeys, confirm, dataIndex)}
              icon="search"
              size="small"
              style={{  90, marginRight: 8 }}
            >
              Search
            </Button>
            <Button onClick={() => this.handleReset(clearFilters)} size="small" style={{  90 }}>
              Reset
            </Button>
          </div>
        ),
    

      

  • 相关阅读:
    Python爬取数据(基础,从0开始)
    个人作业——软件测评
    结对第二次作业
    结对第一次作业
    寒假作业(2/2)
    个人作业———软工实践课程总结
    Axios 介绍和使用
    软件评测
    结对第二次作业
    结对第一次——疫情统计可视化(原型设计)
  • 原文地址:https://www.cnblogs.com/changyuqing/p/13685895.html
Copyright © 2011-2022 走看看