2012-04-20 17 views
6

तो, मुझे दो नेस्टेड सूचियों के बीच खींचने और ड्रॉप करने की आवश्यकता है। http://jqueryui.com/demos/sortable/#connect-listsJQuery प्लगइन - दो सूचियों के बीच नेस्टेड सूचियों को क्रमबद्ध करें

और इस: इस के संयोजन एक प्रकार का http://mjsarfatti.com/sandbox/nestedSortable/

वहाँ कुछ पहले से ही इस करता है कि है, या मैं किसी भी तरह एक ही समय में इन का उपयोग करने के लिए प्रयास करना चाहिए?

उत्तर

9

आप nestedSortable प्लगइन पर jQuery UI के connectWith विकल्प का उपयोग कर सकते हैं, क्योंकि बाद वाला डिफ़ॉल्ट jQuery UI सॉर्ट करने योग्य का विस्तार है।

डेमो: http://jsfiddle.net/jhogervorst/Ge7eK/9/

जावा स्क्रिप्ट कोड:

$('ol.sortable').nestedSortable({ 
    /* … Options for nestedSortable … */ 
    connectWith: '.sortable' 
});​ 
+0

एफवाईआई, यह आईई 9 में काम नहीं कर रहा है क्योंकि आईई ने 'jquery.ui.nestedSortable.js' के लिए' एप्लिकेशन/जावास्क्रिप्ट 'की सामग्री प्रकार का अनुरोध किया है और जीथब ने' टेक्स्ट/सादा 'को' jquery.ui.nestedSortable.js' 'के लिए वापस कर दिया है। –

+0

@BrianCauthon धन्यवाद, तय है। – Jonathan

1

jQuery ui समाधान नेस्टेड सूचियों संभाल कर सकते हैं: http://jsfiddle.net/wyV7f/3/

आपको लगता है कि शायद आप में यह हैक कर सकते हैं और अधिक से अधिक कुछ भी की जरूरत है?

+1

यह वही है के लिए कहा जा रहा है नहीं है। ओपी के दूसरे लिंक में, आप सब-आइटम को भी सॉर्ट कर सकते हैं। –

+0

तो, इसके साथ मैं घोंसले के स्तर को बदल नहीं सकता। तो, मैं एक चीज के उपन्यास से कुछ नहीं ले सकता और इसे किसी अन्य के उपन्यास में नहीं डाल सकता, आदि। मुझे लगता है कि मैं इसे हॅक कर सकता हूं, लेकिन मैं उम्मीद कर रहा था कि किसी और ने पहले से ही इस तरह की चीज की है। –

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