zoukankan      html  css  js  c++  java
  • antd 给select下拉框添加懒加载

    给select下拉框添加属性

    dropdownRender={menu => (
                                    <div>
                                      {menu}
                                      <div
                                        className="selectScroll"
                                        style={{ textAlign: 'center' }}
                                        onMouseDown={e => e.preventDefault()}
                                      >
                                        {
                                          selectLoading && // 加载状态
                                            <Spin size="small" style={{ padding: '8px' }} />
                                        }
                                      </div>
                                    </div>
                                  )}
    onPopupScroll={this.companyScroll }
    companyScroll = (e) => {
        const { clientHeight, scrollHeight, scrollTop } = e.target;
        const { pageTotal, selectLoading } = this.state;
        if ((clientHeight + scrollTop === scrollHeight) && !selectLoading) {
          this.setState({
            selectCurPage: this.state.selectCurPage + 1,
          }, () => {
            if (Math.ceil(pageTotal / 15) >= this.state.selectCurPage) {
              // 获取数据的接口
            }
          });
        }
      }
  • 相关阅读:
    浮窗显示到毫秒时间的小工具 各大电商平台的时间
    非常不错的电脑截图软件介绍—截图加贴图。
    ​Everything 文件搜索神器 基于名称实时定位文件和目录
    THUPC2021初赛 & ICPC上海站游记
    旧题重做
    常用思想方法——数学期望篇
    vim 常用操作技巧
    生物制图软件——CirCos在Linux服务器上安装步骤:
    vue-element-admin 改造
    vue
  • 原文地址:https://www.cnblogs.com/hamili/p/12168283.html
Copyright © 2011-2022 走看看