दिलचस्प पोस्ट
एचटीटीपीएस पर @ फ़ॉन्ट चेहरा ईओटी लोड नहीं हो रहा है रेडियोबटन – एक कस्टम ड्रॉएबल का उपयोग कैसे करें? रेल js.erb फ़ाइल विधि "रेंडर" नहीं मिल सकता है सी # में पिक्सेल स्तर पर छवियों को कैसे हेरफेर करने के लिए वॉली टाइमआउट अवधि बदलें रेलवे 4 एप्लिकेशन में जेक्यू को पेज रीफ्रेश पर ही लोड किया जाता है PHP में 2 तिथियों के बीच घंटे की संख्या की गणना करें डोम समाप्त होने के बाद मैं एक निर्देश कैसे चला सकता हूं? क्या Xcode / Iphone सिम का उपयोग करने वाले कई आईफ़ोन्स को अनुकरण करने का एक तरीका है? क्या अजगर का सॉर्ट किया गया () फ़ंक्शन स्थिर होने की गारंटी है? गतिशील रूप से निर्मित तत्वों पर घटना बाध्यकारी है? मुझे फ़ंक्शन हस्ताक्षर में std :: enable_if से क्यों बचने चाहिए? रीसाइक्लर पर एक अलग गतिविधि कैसे खोलें आइटम पर क्लिक करें पायथन: यूआरएलआरआर: <urlopen त्रुटि एंड्रॉइड एपैंपपेट v7 21 लाइब्रेरी से ड्रॉवर एआररो टॉगल को कैसे कार्यान्वित करें

JQuery UI स्वत: पूर्ण में सीमा परिणाम

मैं jQuery UI स्वत: पूर्ण का उपयोग कर रहा हूँ।

$("#task").autocomplete({ max:10, minLength:3, source: myarray }); 

अधिकतम पैरामीटर काम नहीं करता है और मुझे अब भी 10 से अधिक परिणाम मिलते हैं। क्या मैं कुछ भूल रहा हूँ?

वेब के समाधान से एकत्रित समाधान "JQuery UI स्वत: पूर्ण में सीमा परिणाम"

यहां jQueryUI विजेट के लिए उचित दस्तावेज है । अधिकतम परिणामों को सीमित करने के लिए कोई अंतर्निहित पैरामीटर नहीं है, लेकिन आप इसे आसानी से पूरा कर सकते हैं:

 $("#auto").autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(myarray, request.term); response(results.slice(0, 10)); } }); 

आप source पैरामीटर के लिए फ़ंक्शन प्रदान कर सकते हैं और फिर फ़िल्टर्ड एरे पर slice कॉल कर सकते हैं।

यहां काम करने का एक उदाहरण है: http://jsfiddle.net/andrewwhitaker/vqwBP/

आप कुछ बड़े मूल्य के लिए minlength विकल्प सेट कर सकते हैं या आप इसे सीएसएस द्वारा ऐसा कर सकते हैं,

 .ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;} 

"जयंता" की तरह सीएसएस का इस्तेमाल करना सबसे आसान तरीका होगा, लेकिन यह बेहतर हो सकता है,

 .ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;} 

ध्यान दें कि फर्क सिर्फ इतना है "अधिकतम ऊंचाई" यह विजेट को छोटे ऊंचाई पर आकार देने की अनुमति देगा, लेकिन 200px से अधिक नहीं

एंड्रयू के उत्तर में जोड़ना, आप एक maxResults सम्पत्ति भी पेश कर सकते हैं और इसे इस तरह से उपयोग कर सकते हैं:

 $("#auto").autocomplete({ maxResults: 10, source: function(request, response) { var results = $.ui.autocomplete.filter(src, request.term); response(results.slice(0, this.options.maxResults)); } }); 

जेएसएफिल्ड: http://jsfiddle.net/vqwBP/877/

यह कोड पठनीयता और रखरखाव में मदद करनी चाहिए!

यहाँ मैं क्या इस्तेमाल किया है

 .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;} 

ओवरफ़्लो ऑटो तो स्क्रॉल बार दिखाई नहीं देगा, जब यह अपेक्षित नहीं है।

यदि परिणाम एक mysql क्वेरी से आते हैं, तो सीधे mysql परिणाम को सीमित करने के लिए यह अधिक कुशल है:

 select [...] from [...] order by [...] limit 0,10 

जहां 10 आप चाहते हैं की अधिकतम संख्या है

प्लगइन: स्क्रॉलर के साथ jquery-ui-autocomplete-scroll और सीमा परिणाम सुंदर हैं

 $('#task').autocomplete({ maxShowItems: 5, source: myarray }); 

मैंने इसे निम्नलिखित तरीके से किया था:

 success: function (result) { response($.map(result.d.slice(0,10), function (item) { return { // Mapping to Required columns (Employee Name and Employee No) label: item.EmployeeName, value: item.EmployeeNo } } )); 

जब आप किसी इनपुट में स्वत: पूर्ण संलग्न कर रहे हैं, तो jQuery आपको डिफ़ॉल्ट सेटिंग्स को बदलने की अनुमति देता है:

 $('#autocomplete-form').autocomplete({ maxHeight: 200, //you could easily change this maxHeight value lookup: array, //the array that has all of the autocomplete items onSelect: function(clicked_item){ //whatever that has to be done when clicked on the item } }); 

कोई अधिकतम पैरामीटर नहीं है

http://docs.jquery.com/UI/Autocomplete

मैंने ऊपर दिए गए सभी समाधानों की कोशिश की है, लेकिन मेरा केवल इस तरह से काम किया है:

 success: function (data) { response($.map(data.slice (0,10), function(item) { return { value: item.nome }; })); }, 

मेरे मामले में यह ठीक काम करता है:

 source:function(request, response){ var numSumResult = 0; response( $.map(tblData, function(rowData) { if (numSumResult < 10) { numSumResult ++; return { label: rowData.label, value: rowData.value, } } }) ); }, 

मैं निम्नलिखित सामग्री को mu सीएसएस फ़ाइल में जोड़कर इस समस्या को हल कर सकता हूं:

 .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; }