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) {
              // 获取数据的接口
            }
          });
        }
      }
  • 相关阅读:
    最近实际项目中遇到的技术问题与解决思路
    独立完成一个城市选择组件(阿里前端题目,内附知识点、思路)
    用Node.js写爬虫,撸羞羞的图片
    Flutter项目之app升级方案
    Flutter数据持久化入门以及与Web开发的对比
    为什么要学会正则表达式
    async/await,了解一下?
    面向面试题和实际使用谈promise
    从一次输入框无法输入的bug,谈如何限制输入框输入类型
    Vue组件的is具体用法
  • 原文地址:https://www.cnblogs.com/hamili/p/12168283.html
Copyright © 2011-2022 走看看