Knockout.js नेस्टेड सॉर्टेबल बाइंडिंग

Question

मैं knockout.js सॉर्ट करने योग्य प्लगइन के साथ काम कर रहा हूं; हालांकि, मैं एक समस्या में भाग गया कि मैं अब तक हल करने में असमर्थ रहा हूं। मेरे पास दो क्रमबद्ध बाइंडिंग हैं, बाल्टी के लिए एक और बाल्टी इटम्स के लिए दूसरा। मैं बाल्टी के बीच बाल्टी इटम्स को फिर से व्यवस्थित करने में सक्षम हूं; हालांकि, मैं बाल्टी को फिर से व्यवस्थित करने में असमर्थ हूं। क्या आपको कोई विचार होगा कि यह क्यों होगा? मैं बाइंडिंग के साथ घोंसले का भी उपयोग कर रहा हूं, लेकिन जहां तक ​​मैं कह सकता हूं, यह समस्याएं पैदा नहीं कर रहा है।

मैं आपको जो भी अंतर्दृष्टि प्रदान करना चाहता हूं उसकी सराहना करता हूं।

Answer 1

मुझे आपकी सटीक संरचना नहीं पता है, लेकिन आप connectClass विकल्प का उपयोग कर सकते हैं यह नियंत्रित करने के लिए कि कौन सी सॉर्ट करने योग्य सूचियां जुड़ी हैं। उदाहरण के लिए, यदि आपने यह किया:

<ul data-bind="sortable: { data: buckets, connectClass: 'buckets' }"> 
    <li> 
     <span data-bind="text: name"></span> 
     <ul data-bind="sortable: { data: items, connectClass: 'items' }"> 
      <li data-bind="text: name"></li> 
     </ul> 
    </li> 
</ul> 

आप केवल बाल्टी के भीतर एक बाल्टी और वस्तुओं के भीतर एक आइटम छोड़ने में सक्षम होंगे। प्लगइन स्वचालित रूप से कक्षा को मूल तत्व में जोड़ता है। http://jsfiddle.net/rniemeyer/YaLgL/

आप बाल्टी के बीच आइटम सॉर्ट करने के लिए सक्षम होने के लिए नहीं करना चाहता था, तो आप आवेदन कर सकता है प्रत्येक तरह के लिए एक अनूठा connectClass:

यहां एक नमूना है

http://jsfiddle.net/rniemeyer/czNe8/