Ant-design: पॉपओवर और चुनें

को निर्मित 14 अक्तू॰ 2016 · 3टिप्पणियाँ · स्रोत: ant-design/ant-design

क्या सेलेक्ट के साथ बातचीत के बाद पॉपओवर की दृश्यता में बदलाव को रोकना संभव है?

यहाँ डेमो है:
http://codepen.io/anon/pen/XjBVbp?editors=0011

❓FAQ

स्रोत

plandem

👍4

सबसे उपयोगी टिप्पणी

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

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

पॉपओवर सामग्री के अंदर चुनिंदा ड्रॉपडाउन मेनू रेंडरिंग बनाने के लिए आप getPopupContainer={triggerNode => triggerNode.parentNode} का उपयोग कर सकते हैं।

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

3487

afc163 14 अक्तू॰ 2016

👍29 🎉14 ❤9

सभी 3 टिप्पणियाँ

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

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

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

3487

afc163 14 अक्तू॰ 2016

👍29 🎉14 ❤9

काम करता है! मैं इसे आधिकारिक उदाहरणों में जोड़ूंगा। धन्यवाद।

plandem 14 अक्तू॰ 2016

नमस्ते
मैंने उपरोक्त विधि का उपयोग करने की कोशिश की getPopupContainer={(triggerNode: any) => triggerNode.parentNode} परिणाम

1556620903631-image
<Select getPopupContainer={(triggerNode: any) => triggerNode.parentNode} mode="multiple" notFoundContent={selectLoading ? <Spin size="small" /> : ``} filterOption={false} onSearch={this.totalFocusHandler.bind(this, साइटकोड )} style={{ width: '100%' }} > {siteCodeList.map((item: any, index: any) => <Option key={ ${item.sitecode}${index} } value={item.sitecode} >{item.sitecode}</Option>)} </Select>