Ant Design Select元件下拉選項隨頁面滾動與Select框分離問題
<SelectP
showSearch
style={{ width: '100%' }}
placeholder="單擊進行搜尋選擇"
defaultValue={value}
optionFilterProp="children"
getPopupContainer={(triggerNode)=>{ return triggerNode.parentNode}}///增加這個定位去解決
onFocus={this.extShowOptionsPanel}
disabled={disabled}
>
{
options.map(op => {
return (
<SelectP.Option
key={Math.random()}
value={this.extGetOptionName(op)}
onClick={() => this.extOnSelect(op)}
>
{this.extGetOptionName(op)}
</SelectP.Option>
)
})
}
</SelectP>
相關文章
- ant design模態框中使用Select元件下拉選框不顯示元件
- Ant Design UI元件之Select踩坑UI元件
- select 下拉框選中事件事件
- 下拉選單框select常用點
- 選中select下拉框項設定元素顏色
- ant design 中的 Select 元件常規寫法元件
- 模擬帶有滾動條的select下拉選單
- 關於jquery控制select下拉框自動展開問題jQuery
- Bootstrap系列 -- 15. 下拉選擇框selectboot
- select 下拉框用 Select select = new Select (element) 方法失敗
- select下拉選單新增不重複項
- JavaScript動態設定select下拉選單預設選項JavaScript
- 選擇select下拉選單網頁跳轉網頁
- 選中select下拉選單項提交表單
- js如何動態為select下拉選單新增option項JS
- select下拉選單美化程式碼例項
- 不重新整理頁面動態更新select選項,實現兩個select相互操作 (轉)
- JavaScript動態操作select下拉選單JavaScript
- select下拉選單二級聯動
- JavaScript 動態生成select下拉選單JavaScript
- JavaScript動態建立select下拉選單JavaScript
- 【jquery】select下拉框賦值jQuery賦值
- JS模擬下拉框selectJS
- 下拉選單框和滾動條
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- 如何清空select下拉選單的所有option項
- jQuery美化select下拉選單程式碼例項jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- 模擬select下拉選單程式碼例項
- 通過ajax方式動態新增select下拉選單的option選項
- Vue 使用 Devextreme框架,下拉框不會隨頁面的滾動而移動的問題解決VuedevREM框架
- Element原始碼分析系列7-Select(下拉選擇框)原始碼
- select下拉選單項互換效果程式碼例項
- javascript刪除select下拉選單項程式碼例項JavaScript
- 選中select下拉選單option項實現提交效果
- 設定select下拉選單的預設選中項
- select2 智慧補全模糊查詢select2的下拉選擇框使用