2010-01-19 11 views
5

क्या आप एक टैब विजेट के बारे में जानते हैं जिसमें ड्रैग + ड्रॉप रीडरिंग है? मैं एक संपादक की तरह इंटरफ़ेस बना रहा हूं और उपयोगकर्ता को अपने टैब को पुन: व्यवस्थित करने की अनुमति देना चाहता हूं।जावास्क्रिप्ट टैब विजेट ड्रैग और ड्रॉप रीडरिंग के साथ

अब तक मैं community plugin के साथ ExtJS का उपयोग कर रहा हूं, लेकिन यह छोटी है और आमतौर पर हर नई ExtJS रिलीज के साथ अद्यतन करने की आवश्यकता होती है।

उत्तर

5

something like this क्या आप देख रहे हैं?

यदि मैं आप जो करने की कोशिश कर रहा था, तो मैं निश्चित रूप से jQuery और jQuery UI को आधार के रूप में उपयोग करता हूं। JQuery के चारों ओर ट्यूटोरियल की ठोस समर्थन संरचना और धन अजीब है!

बेशक यह है कि यदि आप किसी अन्य जावास्क्रिप्ट ढांचे के वजन को ध्यान में रखते हैं या अपने कुछ इंटरफ़ेस को रिकोड करना नहीं चाहते हैं।

थोड़ी सी स्पर्श पर, यदि आप चाहते हैं कि आपका इंटरफ़ेस किसी उपयोगकर्ता की प्राथमिकताओं को याद रखे, तो आपको सर्वर-साइड भाषा की आवश्यकता होगी। वैकल्पिक रूप से, पृष्ठ लोड के बीच वरीयताओं को संग्रहीत करने के लिए jQuery cookie plugin का उपयोग करें।

+0

उत्कृष्ट - मुझे कभी नहीं पता था कि jQuery यूआई टैब इतने आसानी से क्रमबद्ध थे। हम पहले से ही jQuery का उपयोग करते हैं, इसलिए यह एक आदर्श प्रारंभिक बिंदु है। –

0

jquery टैब खींचने और सक्षम ड्रॉप करने के प्रयास हैं। हालांकि यह बॉक्स से बाहर खींचने और छोड़ने योग्य नहीं है, आप उन्हें jquery-ui में स्वयं बना सकते हैं।

यहां कुछ संसाधन है कि यह करने की कोशिश की हैं: Resource 1 Resource 2

1

वहाँ सिर्फ इतना है कि के लिए YUI lib के आधार पर एक draggable tab widget है।

यदि आप अपने आवेदन में एक और जावास्क्रिप्ट lib जोड़ने के बारे में चिंतित नहीं हैं, तो मुझे लगता है कि यह एक दिलचस्प विकल्प है। आप अन्य कंटेनरों से भी टैब खींच और छोड़ सकते हैं (मुझे इस सुविधा को आपके एक्स्टजेएस प्लगइन पर नहीं देखा गया था)।

+0

लिंक बदल गया? कृपया अपने उत्तर में प्रासंगिक भाग की प्रतिलिपि बनाएँ। – Stefan

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