2011-12-02 17 views
11

आइसोटोप प्लगइन का उपयोग करके, मैं एक सॉर्टिंग सिस्टम प्राप्त करने की कोशिश कर रहा हूं, जहां किसी आइटम पर क्लिक करके, समूह क्लिक किए गए आइटम के बाद उसी प्रकार की स्थिति को स्थानांतरित करके गठित होते हैं।jQuery आइसोटोप - "समूह" द्वारा क्रमबद्ध डेटा

आइसोटोप का सॉर्ट/फ़िल्टर फ़ंक्शंस इस उद्देश्य के लिए डिज़ाइन नहीं किया गया है, इसलिए मेरा प्रारंभिक दृष्टिकोण डीआईएम को पुन: व्यवस्थित करना था .insertAfter और फिर 'reLayout' को फायर करना।

हालांकि, ऐसा लगता है कि प्रारंभिकरण के बाद डीओएम आदेश प्रासंगिक नहीं है और आइसोटोप कार्यों को नष्ट करने और फिर से शुरू करने से कम कुछ भी नहीं है, लेकिन इससे अवांछित स्क्रॉल स्थिति कूदता है।

(देखें: http://jsfiddle.net/owenhoskins/r7MgY/10896/)

एक फिर से init बिना डोम संरचना के आधार पर आइसोटोप अद्यतन करने के लिए जिस तरह से देखते हैं है?

या, क्या यह इस उद्देश्य को प्राप्त करने के लिए सॉर्ट/फ़िल्टर फ़ंक्शंस के साथ इंटरफ़ेस करने के लिए कल्पना योग्य है?

अग्रिम धन्यवाद, ओवेन

+0

मुझे यकीन है कि हम एक अधिक शामिल सॉर्ट सिस्टम काम कर सकते हैं, लेकिन आपको थोड़ा बेहतर वर्णन करने की आवश्यकता है जो परिणाम समाप्त होना चाहिए। आपके उदाहरण में आप क्लिक किए जाने से पहले तत्वों को बिना छेड़छाड़ के बने रखना चाहते हैं? (जब तक कि वे एक ही रंग न हों?) कुछ क्लिक के बाद पूरी तालिका को प्रकार के अनुसार समूहीकृत किया जाता है .. क्या आप चाहते हैं (बिल्कुल आपके डेमो में)? –

+0

टिप्पणी के लिए धन्यवाद। मैं अनिवार्य रूप से उस समूह के 'क्लिक' तत्व के चारों ओर एक समूह के तत्वों को पुनर्स्थापित करना चाहता हूं, जबकि अन्य समूहों के तत्वों की स्थिति को बरकरार रखना। मेरे डेमो में, अंतिम परिणाम प्रकार के अनुसार समूहीकृत संपूर्ण तालिका होगी। –

उत्तर

1

this प्रयास करें बजाय (एक काँटेदार बेला) - डॉक्स में आगे जोड़ते पद्धति का उपयोग करना मेरे लिए काम करता है, और कूद नहीं है।

+0

आपके द्वारा वर्णित फोर्क कार्यों के जवाब के लिए धन्यवाद, लेकिन मैं वस्तु के बाद शेष समूह आइटमों को पुनर्स्थापित करते समय क्लिक किए गए आइटम की स्थिति को संरक्षित करने का प्रयास कर रहा था (DOM को .insertAfter के साथ संशोधित करके) –

+1

क्या यह पहले से ऐसा नहीं कर रहा है? मैंने क्लिक किए गए आइटम नीले को और अधिक स्पष्ट करने के लिए बनाया - http://jsfiddle.net/wkMUr/3/ स्थिति वही रहता है जबकि समूह के अन्य सभी इसके बाद संलग्न होते हैं: या शायद मैं अभी भी आपको जो कुछ भी प्राप्त नहीं कर रहा हूं खोज रहे हैं? – hejhi

+0

ठीक है आप ...! किसी भी तरह से याद किया कि, यह अनुमान लगाया गया था कि यह फिर से लोड हो गया था, फिर भी reLayout आदि, मदद के लिए धन्यवाद! –

1

आप यह पूरा करने के लिए एक अलग प्लगइन उपयोग करने पर विचार करेंगे? पर एक नज़र डालें: Quick Sand इसकी funcionality में तत्वों के संग्रह को दूसरे के साथ बदलना, मेरी राय में आइसोटोप से कहीं अधिक सरल है।

यहाँ परिणाम आप प्राप्त करना चाहते हैं के लिए इसी तरह एक उदाहरण है: Quick sort example

+0

ऐसा लगता है कि क्विक रेत उन सभी को नहीं दिखाता है और उन्हें समूहित करता है। यह उन लोगों से छुटकारा पाता है जो समूह का हिस्सा नहीं हैं। और मैंने क्विक रेत का उपयोग नहीं किया है, लेकिन यह जेएस बनाम आइसोटोप की मात्रा, दोगुनी या अधिक की तरह दिखता है। – tazboy

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