Ant-design: Popover und Auswählen

Erstellt am 14. Okt. 2016  ·  3Kommentare  ·  Quelle: ant-design/ant-design

Ist es möglich, die Änderung der Sichtbarkeit des Popovers nach der Interaktion mit Select zu verhindern?

Hier ist die Demo:
http://codepen.io/anon/pen/XjBVbp?editors=0011

❓FAQ

Hilfreichster Kommentar

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

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

Sie können getPopupContainer={triggerNode => triggerNode.parentNode} , um die Auswahl des Dropdown-Menüs innerhalb des Popover-Inhalts zu rendern.

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

3487

Alle 3 Kommentare

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

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

Sie können getPopupContainer={triggerNode => triggerNode.parentNode} , um die Auswahl des Dropdown-Menüs innerhalb des Popover-Inhalts zu rendern.

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

3487

Funktioniert! Ich würde dies zu offiziellen Beispielen hinzufügen. Danke.

Hallo
Ich habe versucht, die obige Methode zu verwenden getPopupContainer={(triggerNode: any) => triggerNode.parentNode} Ergebnis

1556620903631-image
Wählen Sie <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>

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen