2012-06-23 15 views
10

के साथ दो-कॉलम ट्रांसफर विजेट मल्टीइलेक्ट करें मैं ट्विटर बूटस्ट्रैप के साथ एक लुक और महसूस करने वाला एक बहु-चयन jquery आधारित दो कॉलम ट्रांसफर विजेट ढूंढ रहा हूं। आम तौर पर स्थानांतरण विगेट्स में दो आसन्न कॉलम होते हैं जहां उपयोगकर्ता अपने चयन को एक कॉलम से दूसरी दिशा में दूसरे स्थान पर ले जाता है। मैंने वास्तव में कड़ी मेहनत की है लेकिन मेरी जरूरतों के करीब दूरस्थ रूप से कुछ भी नहीं मिला। क्या कोई कुछ सुझाव दे सकता है (स्क्रैच से लिखने में छोटा)। धन्यवाद।ट्विटर बूटस्ट्रैप थीम

उत्तर

29

मैंने आखिरकार खरोंच से अपना खुद का लिखने का फैसला किया। स्रोत कोड here पाया जा सकता है। निम्नलिखित स्क्रीनशॉट देखो और विजेट के लग रहा है दिखाता है:

enter image description here

+0

अच्छा काम आदमी की कोशिश कर सकते हैं। खोज करने की क्षमता एक अच्छा स्पर्श है। –

+0

ग्रेट वर्क मैन। लेकिन मुझे ctrl कुंजी के माध्यम से एकाधिक आइटम चुनने के बजाय इसमें कुछ बदलाव करने की आवश्यकता है, मैं चाहता हूं कि यह थ्रूग चेकबॉक्स हो। क्या आप कृपया इस में मेरी मदद कर सकते हैं? –

+0

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

4

विजेट कि लिखा user698585 वहाँ रास्ते से 99% है, और एक महान विजेट है, लेकिन, अर्थात् इसमें कुछ कीड़े हैं:

  1. विजेट जब भी आप दो स्तंभों के बीच मूल्यों को स्थानांतरित करते हैं तो वेबपृष्ठ शीर्ष पर वापस जाने का कारण बनता है। अगर आपको विजेट पर स्क्रॉल करना है तो यह एक मुद्दा है।
  2. विजेट टैग मानों को रिक्त स्थान या एम्परसैंड के साथ समर्थन नहीं करता है।
  3. बाएं से मूल्यों के साथ दाएं कॉलम को आरंभ करने के लिए कोई खुलासा नहीं है, इसलिए यदि आप डेटाबेस में चयनित मानों को संग्रहीत करने के लिए विजेट का उपयोग कर रहे हैं, तो विजेट के चयन के साथ विजेट को प्रारंभ करने का कोई तरीका नहीं है जब उपयोगकर्ता बाद में पृष्ठ पर वापस आ जाता है।

मैं मुद्दों के लेखक सूचित कर दिया है और नमूना कोड फिक्स प्रदान की है, लेकिन इसी दौरान, यदि आप इन समस्याओं में चलाने के बाद, आप विजेट here की एक निश्चित कांटा पा सकते हैं।

धन्यवाद, उपयोगकर्ता 68585 आपके सभी कड़ी मेहनत के लिए!

0

यह दो कॉलम विजेट नहीं है लेकिन समान कार्यक्षमता है। यह भी एक छोटे से मेरी राय में खूबसूरत है:

http://davidstutz.github.io/bootstrap-multiselect/

+0

तो, यह "सुंदर" है लेकिन यह बिंदु को याद करता है। मैं इसे कुछ उपयोग मामलों के लिए प्यार करता हूं, लेकिन जब आपकी सूची वस्तुओं में 30 वर्ण नाम होते हैं (मेरी पसंद से नहीं), तो आप एक ही समय में सभी चयनित मानों को देखने में सक्षम नहीं होते हैं, जिससे उपयोगकर्ता अचयनित करना चाहता है। दो फलक साइड-साइड – ruckc

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