2012-08-22 17 views
16

के साथ प्लेसहोल्डर ऊंचाई को नियंत्रित करना मैं तालिका पंक्तियों को खींचने के लिए jQuery-UI सॉर्ट करने योग्य घटक का उपयोग कर रहा हूं। मेरी आवश्यकताओं के कारण, मैं ड्रैग के दौरान कई पंक्तियों को पकड़ने के लिए एक सहायक तत्व बना रहा हूं।jQuery-UI सॉर्ट करने योग्य

मुझे लगता है कि यह काम कर रहा है, लेकिन वर्तमान ड्रैग स्थिति में डाली गई खाली जगह केवल एक पंक्ति के लिए पर्याप्त है। क्या कोई देख सकता है कि प्लेसहोल्डर उतनी लंबी नहीं है जितनी सामग्री मैं खींच रहा हूं?

मैंने मूल तत्व में style="height:auto" को ड्रैग किए जाने की कोशिश की लेकिन इसका कोई प्रभाव नहीं पड़ा।

मैंने अपना कोड jsFiddle पर http://jsfiddle.net/jCNcv/ पर पोस्ट किया है। यदि आप शीर्ष आइटम को नीचे खींचने का प्रयास करते हैं, तो आप देख सकते हैं कि ड्रैग स्थिति के नीचे खाली प्लेसहोल्डर केवल एक पंक्ति के लिए पर्याप्त लंबा है।

+0

ऐसा लगता है कि आप नेस्टेड sortables के कुछ फार्म करने के लिए कोशिश कर रहे हैं? http://stackoverflow.com/questions/3308672/sortable-nested-lists-with-jquery-ui-1-8-2 – Nal

+0

नहीं, नेस्टेड सॉर्टेबल नहीं। * तार्किक * माता-पिता/बाल संबंधों के साथ बस क्रमबद्ध तालिका पंक्तियां। वे नियमित पंक्तियों के रूप में लागू होते हैं। –

उत्तर

59

प्लेसहोल्डर केवल एक पंक्ति की ऊंचाई है क्योंकि प्रत्येक क्रमबद्ध वस्तु केवल एक पंक्ति है। आप प्रारंभिक घटना के दौरान प्लेसहोल्डर ऊंचाई को अपने सहायक तत्व की ऊंचाई पर सेट कर सकते हैं।

start: function(e, ui){ 
    ui.placeholder.height(ui.helper.outerHeight()); 
}, 

अपडेट किया गया jsfiddle http://jsfiddle.net/jCNcv/2/

+0

पूरी तरह से काम करता है। मैंने outerHeight() के बजाय ui.helper.height() का उपयोग करने के लिए परिवर्तन किया क्योंकि मैं चाहता था कि प्लेसहोल्डर ड्रैगिंग आइटम के समान ऊंचाई हो। –

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