• 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>
        ),
    

      

  • 相关阅读:
    【学习笔记】2020寒假数据结构集训总结
    ThreadPoolExecutor源码分析
    Java并发专题(三)深入理解volatile关键字
    内部类与静态内部类
    Java并发专题(二)线程安全
    Java并发专题(一)认识线程
    Redis部署
    MySQL部署
    JDK部署
    SpringBoot+solr
  • 原文地址:https://www.cnblogs.com/changyuqing/p/13685895.html
Copyright © 2020-2023  润新知