Ant-design: 弹出框并选择

创建于 2016-10-14  ·  3评论  ·  资料来源: ant-design/ant-design

是否可以防止在与 Select 交互后改变 popover 的可见性?

这是演示:
http://codepen.io/anon/pen/XjBVbp?editors=0011

❓FAQ

最有用的评论

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

作品! 我会将其添加到官方示例中。 谢谢。

hello
我试着用上面的方法 getPopupContainer={(triggerNode: any) => triggerNode.parentNode} 结果

1556620903631-image
遮盖了select<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 等级