2012-03-14 17 views
7

मैं एक सरणी बनाए रखने के लिए jQuery सॉर्ट करने योग्य और नॉकआउट का उपयोग कर रहा हूं।jQuery UI के लिए नॉकआउट कस्टम बाइंडिंग सॉर्ट करने योग्य - अजीब व्यवहार

http://jsfiddle.net/daniel_white/KrGY8/3/

सूचना जब आप आइटम खींचें, वे नकली या गायब हो जाते हैं।

कोई भी जानता है कि मैं इसे कैसे ठीक कर सकता हूं?

उत्तर

29

जब आप jQuery UI सॉर्ट करने योग्य का उपयोग कर चीजें ले जा रहे हैं तो आइटम के केओ के मैपिंग को खाली टेक्स्ट नोड्स के आधार पर थोड़ा गड़बड़ हो जाता है।

आप की तरह अपने "टेम्पलेट" में पाठ नोड्स समाप्त कर सकते हैं या तो: http://jsfiddle.net/rniemeyer/KrGY8/5/

या मौजूदा आइटम को हटा दें और इसे वापस (दो बार observableArray अद्यतन करना) दो चरणों में सही स्थान पर रखा: http://jsfiddle.net/rniemeyer/KrGY8/4/

मैं भी एक बाध्यकारी प्लगइन लिखा नॉकआउट में jQuery sortable यहाँ कुछ अतिरिक्त सुविधाएँ प्रदान करता है के साथ काम करने: https://github.com/rniemeyer/knockout-sortable

+1

धन्यवाद! आपकी दूसरी तकनीक ने चाल की। –

+2

मैंने आपकी प्लगइन का उपयोग किया और मेरी प्रारंभिक छाप यह है कि यह बहुत अच्छा काम करता है! इसे उपलब्ध कराने के लिए धन्यवाद। – Brian

+0

धन्यवाद आरपी, यह मेरे लिए काफी समय बचा है .. मैं दूसरे सुझाव के साथ भी गया और यह एक आकर्षण की तरह काम किया। – Kon

1

एक आसान इस समस्या को हल करने के लिए जिस तरह से है पहली बार इस तरह, अपने आबद्ध observableArray स्पष्ट करने के लिए:

list([]); 

तो सही सरणी के साथ यह अद्यतन:

list(actualArray); 

चेक अद्यतन fiddle

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