dropdown 相关问题

{ 如果（选项。道具。 <Select showSearch filterOption={(input, option) => { if (option.props.children != undefined) { return ( option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 ) } } } name="user" placeholder="Select User" id="user" onChange={e => this.handleChange("user", e) } onPopupScroll = {this.loadMore} className="customSelectTemplate" disabled={this.state.editEnabled} > <Option value="">Select</Option> {this.state.userList && this.state.userList.map(userList => ( userList && userList.userNumber != null && <Option value={userList.userNumber}> {userList.name} </Option> ))} {this.state.loadingState == true ? <Option value="">Loading .....</Option> : ""} </Select> 我用react设计了一个页面。我需要在 ant 下拉菜单中实现无限滚动。所以我使用 antd select 的 onPopupScroll 函数来调用 API 来加载更多数据到下拉列表中。但我在下拉菜单中面临性能问题。滚动条无法正常工作。我无法将滚动条拖到选项的末尾。它非常慢。有人遇到过这个问题吗？我该如何解决这个问题？ loadMore = ( e) => { this.setState({ loadingState: true }); e.persist (); const {target} = e; if (target.scrollTop + target.offsetHeight === target.scrollHeight) { // API call (to load more data..........) } } 2年后我有同样的问题...... 这是我的情况，效果很好，您也可以帮助我变得更好。 github主页 onPopupScroll={async (e: any) => { const { target } = e; if ( (target as any).scrollTop + (target as any).offsetHeight === (target as any).scrollHeight ) { // if not load all; if (options.length < total) { setHasContentLoading(true); const page: Page = { // (currentPage - 1 + 1) * pageSize; offset: currentPage * pageSize, limit: pageSize, }; await fetchOptions(searchValue, page).then((newOptions) => { setCurrentPage(currentPage + 1); options.push(...newOptions); setOptions(options); setHasContentLoading(false); }); } } }} 我不知道你为什么要用这个 e.persist(); 但是 here 是一个不错的解决方案，我之前使用分页 api，在 Select 组件中加载数据。

reactjs select dropdown antd infinite-scroll

回答 0 投票 0

烧瓶中 html 的动态下拉列表

我正在尝试构建一个简单的 Flask 应用程序，用户可以在其中上传 CSV 文件。通过相同表单的下拉列表，用户应该能够选择一列。现在，我需要填充此下拉列表...

python html flask dynamic dropdown

回答 1 投票 0

I am facing alignment issue in chrome mobile browser when select dropdown html showing popup and radio button

您可以在下面看到单选按钮对齐问题。在 chrome 浏览器中单击选择选项 html 下拉列表后，它就会出现。在此处输入图像描述我只是在选择选项上应用了 css{ di ...

html select dropdown mobile-browser mobile-chrome

回答 0 投票 0

React DatePicker 显示所有月份的月份和年份下拉列表，显示多个月份

我正在尝试在我的网络应用程序中使用来自 react-datepicker 的 DatePicker。我希望 DatePicker 中显示 2 个月，并显示两个月的月份和年份下拉列表。试过玩...