উত্তর:
এখানে সঠিক ডকুমেন্টেশন জন্য 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/andrew whitaker / vqwBP/
আপনি minlength
বিকল্পটি কিছু বড় মানেরতে সেট করতে পারেন বা আপনি এটি CSS এর মাধ্যমে করতে পারেন,
.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));
}
});
jsFiddle: http://jsfiddle.net/vqwBP/877/
এটি কোডের পঠনযোগ্যতা এবং রক্ষণাবেক্ষণযোগ্যতার সহায়তা করবে!
আমি আমার সিএসএস ফাইলে নিম্নলিখিত বিষয়বস্তু যুক্ত করে এই সমস্যাটি সমাধান করতে পারলাম:
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
যদি ফলাফলগুলি কোনও মাইএসকিএল কোয়েরি থেকে আসে তবে সরাসরি মাইএসকিএল ফলাফল সীমাবদ্ধ করা আরও দক্ষ:
select [...] from [...] order by [...] limit 0,10
যেখানে 10 টি সারিগুলির সর্বাধিক সংখ্যা
আমি নিম্নলিখিত পদ্ধতিতে এটি করেছি:
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
}
});
প্লাগইন: jquery-ui- স্বয়ংক্রিয়রূপে- স্ক্রোলার সহ স্ক্রোল এবং সীমা ফলাফল সুন্দর
$('#task').autocomplete({
maxShowItems: 5,
source: myarray
});
কোনও সর্বোচ্চ পরামিতি নেই।
max
স্বয়ংসম্পূর্ণ মধ্যে