React-dnd: नेस्टेड ड्रैग स्रोतों को ठीक करें और वे canDrag के साथ कैसे काम करते हैं

को निर्मित 27 फ़र॰ 2015 · 4टिप्पणियाँ · स्रोत: react-dnd/react-dnd

यह #87 से संबंधित है लेकिन अधिक तकनीकी है। वर्तमान में नेस्टेड ड्रैग स्रोत एक साथ सक्रिय होंगे। यह एक बहुत ही गलत व्यवहार है। चाइल्ड ड्रैग सोर्स को _हमेशा_ माता-पिता को सक्रिय होने से रोकना चाहिए।

लेकिन यह उतना आसान नहीं है जितना यह HTML5 बैकएंड के साथ लगता है।

मैंने e.stopPropagation() को dragstart हैंडलर में जोड़ने का प्रयास किया, लेकिन एक और समस्या है। मान लीजिए List और Card दोनों ड्रैग सोर्स हैं, Card List । मान लीजिए Card में canDrag(): false । हम इस मामले में stopPropagation() कॉल नहीं कर सकते, क्योंकि यह घटना को पैरेंट तक पहुंचने से रोकेगा।

ठीक है, इसके बजाय if (DragOperationStore.isDragging()) return; को dragstart हैंडलर में जोड़ें। लेकिन एक और समस्या है: भले ही घटना अब माता-पिता तक पहुंच गई है, अगर आप वास्तव में खींचते हैं, तो ब्राउज़र मूल (चाइल्ड) लक्ष्य को ड्रैग पूर्वावलोकन के रूप में उपयोग करेगा।

यह संभवतः this.getDOMNode() को dragPreview this.getDOMNode() रूप में स्पष्ट रूप से उपयोग करके हल किया जा सकता है यदि यह beginDrag में निर्दिष्ट नहीं है, ताकि ड्रैग पूर्वावलोकन को वर्तमान लक्ष्य होने की गारंटी हो। मैंने अभी तक इसकी कोशिश नहीं की है। किसी भी तरह से, यह एक जटिल मुद्दा नहीं लगता है, और पकड़ने के लिए तैयार है!

bug up for grabs

स्रोत

gaearon

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

क्या canDrag फ़ंक्शन false लौटने पर माता-पिता को कॉल करना बंद करने का कोई समाधान है?

deanmaster 9 मार्च 2018

👍2

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

निश्चित रूप से हमें ड्रैगप्रीव्यू पर कुछ बाधाओं की आवश्यकता है

nelix 27 फ़र॰ 2015

कैसा?

gaearon 27 फ़र॰ 2015

0.9.2 में फिक्स्ड।
लाइव डेमो: http://gaearon.github.io/react-dnd/#/nesting -sources

gaearon 1 मार्च 2015

क्या canDrag फ़ंक्शन false लौटने पर माता-पिता को कॉल करना बंद करने का कोई समाधान है?

deanmaster 9 मार्च 2018

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React-dnd: नेस्टेड ड्रैग स्रोतों को ठीक करें और वे canDrag के साथ कैसे काम करते हैं

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

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

संबंधित मुद्दों