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) {
          // 獲取數據的接口
        }
      });
    }
  }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM