व्यावसायिक jQuery आधारित Combobox नियंत्रण? [बन्द है]


86

JQuery लाइब्रेरी के आधार पर क्या कोई प्रोफेशनल कॉम्बोक्स कंट्रोल (ऑटोसुगेशन के साथ ड्रॉपडाउन लिस्ट) हैं?

यह बड़े डेटासेट को संभालने में सक्षम होना चाहिए और स्किनिंग के कुछ विकल्प होने चाहिए। एक बहु-स्तंभ परिणाम सूची भी महान होगी। मैं ASP.NET के साथ काम कर रहा हूं, लेकिन यह एक समस्या नहीं है अगर मुझे इसके लिए एक आवरण लिखना था।

वैकल्पिक शब्द

मैं पहले से ही एक तृतीय-पक्ष नियंत्रण का उपयोग कर रहा हूं, लेकिन मैं दो विक्रेता नियंत्रणों के बीच कुछ संगीन मुद्दों में भाग गया। खैर, मैं इस तरह की निर्भरता से छुटकारा पाना चाहता हूं।


क्या आप कभी इस प्रश्न का बेहतर उत्तर पा सके हैं?
तत्व

नीचे जॉर्जबर्कर के उत्तर को देखें।
21

jQuery के कॉम्बोक्स को 'स्वतः पूर्ण' कहा जाता है। jqueryui.com/autocomplete/#combobox
एरॉन

जवाबों:


24

दुर्भाग्य से, मैंने जो सबसे अच्छी चीज देखी है वह jquery.combobox है , लेकिन यह वास्तव में ऐसा कुछ नहीं दिखता है जिसे मैं वास्तव में अपने वेब एप्लिकेशन में उपयोग करना चाहता हूं। मुझे लगता है कि इस नियंत्रण के साथ कुछ प्रयोज्य मुद्दे हैं, लेकिन एक उपयोगकर्ता के रूप में मुझे नहीं लगता कि मैं ड्रॉपबॉक्स सूची के लिए टेक्स्टबॉक्स में बदलना शुरू करना जानता हूं।

मैं कॉम्बो ड्रॉपडाउन बॉक्स को बहुत पसंद करता हूं , लेकिन इसमें अभी भी कुछ विशेषताएं हैं जो मैं चाहता हूं और यह अभी भी अल्फा में है। केवल मुझे लगता है कि मैं इसके अल्फा होने के अलावा इसके बारे में पसंद नहीं करता ... यह है कि एक बार जब मैं कॉम्बोक्स में टाइप करता हूं, तो मूल ड्रॉपडेलिस्ट आइटम गायब हो जाते हैं। हालाँकि, शायद इसके लिए एक सेटिंग है ... या शायद इसे काफी आसानी से जोड़ा जा सकता है।

वे ही दो विकल्प हैं, जिनके बारे में मुझे पता है। तुम्हारी खोज के लिए बधाई। अगर आपको एक मिल जाए या दूसरा विकल्प आपके लिए काम करे तो मुझे सुनना अच्छा लगेगा।


1
मुझे लगता है कि jquery.combobox और jQuery 1.4.x के साथ संगतता के मुद्दे हैं ... अधिकांश प्लगइन्स के साथ जो लंबे समय तक बनाए नहीं रखा गया है ...
Lukas Eder

3
पहली कड़ी 'टिप्पणी पर टिप्पणी: फिलहाल jquery.combobox एक ड्रॉपडाउन सूची के रूप में व्यवहार करता है न कि एक पूर्ण कंघी। यह वर्तमान में पाठ इनपुट स्वीकार नहीं करता है। ' उद्देश्य IMO को पराजित करता है ....
मैथ्यू ड्रेसर

1
मृत लिंक sanchezsalvador.com पर
मार्कशीट

53

यहाँ एक है जो बहुत आशाजनक दिखता है। यह एक सच्चा कॉम्बो है - आप देखते हैं कि आप क्या टाइप करते हैं। एक शांत सुविधा है जिसे मैंने कहीं और नहीं देखा है: पृष्ठन परिणाम।

flexbox


मैं फ्लेक्सबॉक्स की दूसरी सिफारिश करूंगा। यह एक बहुत, उम्म, लचीला स्टाइल और यूआई विकल्प है।
बेन ग्रिसोल्ड

नया संस्करण (0.9.3) अभी जारी किया गया। FlexBox अब क्लाइंट-साइड JSON फ़िल्टरिंग का समर्थन करता है।
नूह हेल्डमैन

1
imo FlexBox कुछ मामलों में ओवरकिल के लिए है।
काजो

डेटा स्रोत के बहुत सारे रिकॉर्ड होने पर एक साथ एक ही बार में सभी डेटा (जोंस) लोड करने की अपील की जाती है
डेविड

यदि मैं पहले से ही एक मान का चयन करता हूं, तो तीर पर क्लिक करें यह केवल चयनित मूल्य दिखाता है, सभी मूल्य नहीं।
लिनोबो

24

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

यदि आप पारंपरिक कॉम्बो बॉक्स की तलाश कर रहे हैं, जो केवल "कुछ टाइप करें या इन पूर्व-निर्धारित मूल्यों से चयन करें" (नहीं हम टाइप करते समय आप जो मेल नहीं खाते हैं उसे छिपाएंगे), आप सभी करने की जरूरत है

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

देख Http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

इसे एक प्लगइन में लपेटना आसान होना चाहिए जो एक मौजूदा चुनिंदा टैग को परिवर्तित करता है, हालांकि मैंने अभी तक ऐसा नहीं देखा है।

पुनश्च: मुख्य समस्या जो मुझे "jQuery के संपादन योग्य संयोजन" के साथ दिखाई देती है, वह यह है कि यह एक चयनित सूची बनी हुई है, और यह बिल्कुल भी स्पष्ट नहीं है कि आप बस कुछ नया लिखना शुरू कर सकते हैं।



15

सेक्सी-कॉम्बो प्रोजेक्ट का एक नया कांटा अब निकल गया है जो आशाजनक लग रहा है: http://code.google.com/p/ufd/


मुझे यह पसंद है कि यह एक कोम्बोक्स में एक चयन को बदल देता है।
चुकंदर

1
पृष्ठ पर प्रत्येक सुझाव की समीक्षा करने के बाद, मैं इस एक के लिए बस गया। तेज, सरल, केवल मूल कार्यक्षमता प्रदान करता है जो मैं चाहता था, और एक मौजूदा चुनिंदा इनपुट पर काम किया
elwyn

Jquery UI Themeroller
codeulike

यह एक मेरे लिए बिज़ था। IE7 और IE8 पर मूल रूप से काम करता है, जो एक आवश्यकता थी। Infix (मध्य शब्द) खोज, लंबी सूचियों के लिए बार स्क्रॉल करें, और अन्य घटकों के साथ अच्छी तरह से खेलते हैं।
एलेस्टेयर

यदि आपका मौजूदा कोड एक पुराने HTML ड्रॉपडाउन का उपयोग करता है, तो यह एकीकृत करना सबसे आसान है। मैंने इसका इस्तेमाल किया।
अधिकतम

14

बड़े डेटासेट के लिए, JQuery UI स्वतः पूर्ण के बारे में , जो मूल रूप से Jorn Zeferrer के स्वतः पूर्ण प्लगइन का "आधिकारिक" संस्करण है ?

मैंने एक सीधा JQuery कॉम्बोबॉक्स प्लगइन भी लिखा है जो अपने उपयोगकर्ताओं से बहुत अच्छी प्रतिक्रिया प्राप्त करता है। यह स्पष्ट रूप से हालांकि बड़े डेटासेट के लिए नहीं है ; मुझे लगता है कि यदि आप ऐसा कुछ चाहते हैं जो उपयोगकर्ता के प्रकारों के आधार पर सूची को prunes करता है, तो आप Jorn के स्वतः पूर्णता प्लग इन से बेहतर हैं।


Jorn Zeferrer का स्वतः पूर्ण प्लगइन सरल और भयानक है
Jake Wilson


7

यह भी आशाजनक है:

JQuery के ड्रॉप-डाउन कॉम्बो बॉक्स simpletutorials.com पर


बहुत अच्छा लग रहा है, लेकिन एक अलग नाम और मूल्य का समर्थन नहीं करता है जैसे आप चुन सकते हैं <विकल्प>
बीटी

1
इसके अलावा एक पृष्ठ पर दो कॉम्बो बॉक्स का समर्थन नहीं करता है।
टिम सायलर

7

एक आधिकारिक jQuery UI ComboBox / स्वतः पूर्ण घटक बनाने में है ... (पहले jQuery UI 1.5.x के लिए बीटा में), jQuery UI विकी देखें

अपडेट करें:

स्वतः पूर्ण कार्यक्षमता अब jQuery UI की एक मुख्य विशेषता है, डॉक्स देखें


यह अब jQuery 1.8 के साथ लाइव है। मैं इसे काफी सफलतापूर्वक उपयोग कर रहा हूँ, यह एक अच्छी तरह से डिज़ाइन किया गया विजेट है।
बोल्ड्यूविन

क्या आप लोग पोस्ट प्रभाव का अनुभव कर रहे हैं? जब मैं सूची को टॉगल करने के लिए तीर पर क्लिक करता हूं, तो मेरा पृष्ठ पोस्ट किया जाता है और मुझे एक पृष्ठ ताज़ा मिलता है ...
दक्षिणावर्त

7
कॉम्बोबॉक्स स्वतः पूर्ण जैसा नहीं है
नील मैकगिन

5

यदि आपको मल्टी-कॉलम की आवश्यकता नहीं है , तो चुना गया एक और अच्छा विकल्प है। एमआईटी लाइसेंस प्राप्त है


चुना के लिए +1। बहुत अच्छा लग रहा है और हमें ऑब्जेक्टडैटसोर्स से आने वाले डेटा के साथ मौजूदा ड्रॉपडाउन में कोई बदलाव नहीं करना पड़ा है। यह सिर्फ काम करता है!
मैट


3

मैं उसी की तलाश में हूं। अब तक मुझे जो सबसे ज्यादा पसंद था, वह है एक्सटज के लिए एक - सिवाय इसके कि मैंने बड़ी सूचियों के साथ इसका परीक्षण किया: www.sencha.com/deploy/dev/examples/form/combos.html

यहाँ एक और वास्तव में है () तेजी से एक: http://jsearchdropdown.sourceforge.net/

उदाहरण के लिए SexyCombo काफी शानदार काम करता है लेकिन लंबी सूचियों के लिए धीमा है। सेक्सीकॉम्बो लोक यूएफडी बहुत तेज है, लेकिन वास्तव में विशाल सूचियों के लिए आरंभीकरण समय अभी भी काफी धीमा है। इसके अलावा मुझे कभी-कभी कुछ कम मिलता है! "चमकती"। लेकिन मुझे लगता है कि निकट भविष्य में कुछ अपडेट होंगे।


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

3

सेक्सी-कॉम्बो को हटा दिया गया है। आगे का विकास विनीत फास्ट-फिल्टर ड्रॉपडाउन परियोजना में मौजूद है। होनहार लगता है, क्योंकि मैं इसी तरह की आवश्यकताओं है।

https://code.google.com/p/ufd/


हालांकि अच्छा है, ऐसा लगता है कि यह jquery> 1.6 के साथ काम नहीं करता है। अन्य विकल्पों की तलाश में।
डान राडू


2

आप http://jqueryajax.codeplex.com/ का प्रयास क्यों नहीं करते हैं । यह ASP.NET नियंत्रण का एक संग्रह है जिसमें बहुरंगी ड्रॉप डाउन भी शामिल है।


2

Activewidgets एक बहुत अच्छा लग रहा है। यह पता नहीं है कि बड़े डेटासेट पर यह कितना अच्छा प्रदर्शन करता है। http://www.activewidgets.com/ui.combo/


2

मुझे भी यही समस्या थी, इसलिए मैंने अपना बनाना शुरू कर दिया।

इसमें एक टेम्प्लेट सिस्टम बनाया गया है, जिससे आप अपनी इच्छानुसार परिणाम देख सकते हैं। सभी प्रमुख ब्राउज़रों पर काम करता है और सरणियों और json वस्तुओं को स्वीकार करता है। http://code.google.com/p/custom-combobox/



2

मैंने कोशिश की है http://jqueryui.com/demos/autocomplete/#combobox और सामना की गई समस्याएं थीं:

  • क्रॉस ब्राउजर रेंडरिंग
  • कस्टम मूल्य सबमिट करने में असमर्थता

एक परिणाम के रूप में मैंने इसे थोड़ा मोड़ दिया है और यह ASP.NET MVC में मेरे लिए ठीक काम किया है। सीएसएस और विजेट स्क्रिप्ट का मेरा संस्करण यहाँ पाया जा सकता है http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

कस्टम मूल्य के लिए बाध्यकारी एमवीसी मॉडल पर नमूना भी है।





0

आपको जो कुछ भी चाहिए वो है http://jquerycomboboxtmpl.codeplex.com/

टेम्पलेट्स पर ड्रॉप-डाउन


कृपया कम से कम आपके द्वारा सुझाए जा रहे समाधान के लिए कुछ स्पष्टीकरण जोड़ें और क्यों यह प्रश्न से मापदंड फिट बैठता है।
mtsr
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.