2012-10-19 15 views
5

मैं वस्तुओं की एक श्रेणीबद्ध सूची के साथ एक combobox बनाना चाहता हूँ। मुझे माता-पिता के साथ-साथ बच्चों को व्यक्तिगत रूप से चुनने में सक्षम होना चाहिए। मुझे इस combobox के लिए टाइपहेड क्षमताओं को प्रदान करने में सक्षम होने की भी आवश्यकता है।टाइपहेड और पदानुक्रमित वस्तुओं के साथ जावास्क्रिप्ट combobox

कनाडा

--Ontario

--Quebec

संयुक्त राज्य अमेरिका

--Massachusetts:

उदाहरण के लिए, मैं जे एस में इस डेटा के साथ एक combobox बनाना चाहते

- ओहियो

- टेक्सस

इस ड्रॉपडाउन से मैं व्यक्तिगत रूप से किसी भी प्रांत/राज्यों का चयन करने में सक्षम होना चाहता हूं। मैं भी अपने बच्चों को चुने बिना "कनाडा" चुनने में सक्षम होना चाहता हूं।

मैंने चयन 2 का प्रयास किया है और यह देखने के लिए JQuery UI के आसपास खोद रहा है कि यह संभव है, लेकिन अब तक मैं जिस व्यवहार की आवश्यकता है उसे प्राप्त नहीं कर सकता। मैं बूटस्ट्रैप का उपयोग करके इस पेज को लिख रहा हूं, लेकिन बूस्टरपैप में दिया गया टाइपहेड कॉम्बोबॉक्स के साथ काम नहीं करता है (जो मैं देख सकता हूं)।

उत्तर

3

आप इसे प्राप्त करने के लिए चुना गया जावास्क्रिप्ट प्लगइन का उपयोग कर सकते हैं। http://harvesthq.github.com/chosen/

+1

यह काम करेगा ... सिवाय इसके कि मुझे ऑप्ट-ग्रुप हेडर चुनने में सक्षम होना चाहिए, न केवल उनके बच्चों को। मुझे चुनने के साथ ऐसा करने का कोई तरीका नहीं दिख रहा है। – jvoll

+0

यह एक सुंदर चिकना प्लगइन की तरह दिखता है। शायद मुझे अपनी अगली परियोजना पर एक भंवर देना होगा! – mpen

0

आप प्रत्येक टाइपहेड परिणाम के लिए कस्टम जेएस ऑब्जेक्ट्स स्टोर कर सकते हैं ताकि यह केवल एक स्ट्रिंग (उदाहरण के लिए एक प्रकार या आईडी) से अधिक प्रदर्शित और स्टोर कर सके। इसका उपयोग करने से आपको देश बनाम प्रांत/राज्य के लिए अलग-अलग तर्क मिलेंगे। यहाँ ऐसा करने का एक उदाहरण है:

https://github.com/twbs/bootstrap/pull/3682

तो अपडेटर समारोह में, आप तर्क निर्धारित करने के लिए यह एक माता पिता या बच्चे को क्लिक किए गए हैं कि आपके कस्टम वस्तु के आधार पर हो सकता था।

जहां तक ​​माता-पिता बच्चे से अलग दिखते हैं, मैंने इसे स्वयं नहीं उपयोग किया है, लेकिन बूटस्ट्रैप में एक टेम्पलेटिंग सिस्टम है। एक उदाहरण के लिए इस लिंक की जाँच करें:

https://github.com/twbs/bootstrap/issues/2441

आप की संभावना इस इस्तेमाल कर सकते हैं माता-पिता और बच्चे के रंग-रूप को अलग और महसूस करने के लिए।

+0

लिंक मर गए हैं। – webda2l

+0

@ webda2l अपडेट किया गया। बूटस्ट्रैप को एक नए गिथब खाते में ले जाया गया था। –

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