Ant-design: Всплывающее окно и выберите

Созданный на 14 окт. 2016  ·  3Комментарии  ·  Источник: ant-design/ant-design

Можно ли предотвратить изменение видимости всплывающего окна после взаимодействия с Select?

Вот демо:
http://codepen.io/anon/pen/XjBVbp?editors=0011

Самый полезный комментарий

getPopupContainer https://ant.design/components/select/#Select -props

https://codepen.io/anon/pen/NaMbVg?editors=0011

Вы можете использовать getPopupContainer={triggerNode => triggerNode.parentNode} чтобы сделать рендеринг выпадающего меню выбора внутри содержимого Popover.

https://github.com/ant-design/ant-design/wiki/FAQ#select -dropdown-datepicker-timepicker-popover-popconfirm-will-scroll-with-page

3487

Все 3 Комментарий

getPopupContainer https://ant.design/components/select/#Select -props

https://codepen.io/anon/pen/NaMbVg?editors=0011

Вы можете использовать getPopupContainer={triggerNode => triggerNode.parentNode} чтобы сделать рендеринг выпадающего меню выбора внутри содержимого Popover.

https://github.com/ant-design/ant-design/wiki/FAQ#select -dropdown-datepicker-timepicker-popover-popconfirm-will-scroll-with-page

3487

Работает! я бы добавил это к официальным примерам. Спасибо.

Привет
Я пробовал использовать описанный выше метод getPopupContainer={(triggerNode: any) => triggerNode.parentNode} result

1556620903631-image
Выберите <Select getPopupContainer={(triggerNode: any) => triggerNode.parentNode} mode="multiple" notFoundContent={selectLoading ? <Spin size="small" /> : ``} filterOption={false} onSearch={this.totalFocusHandler.bind(this, siteCode )} style={{ width: '100%' }} > {siteCodeList.map((item: any, index: any) => <Option key={ $ {item.sitecode} $ {index} } value={item.sitecode} >{item.sitecode}</Option>)} </Select>

Была ли эта страница полезной?
0 / 5 - 0 рейтинги