jquery autocomplete limit results

Question

I need to limit the row numbers with 10 while autocomplete. Data is from db. Is there any attribute like 'maxrows' or something?. I don't want to add the scroll.

please suggest method thanks in advance.

my code is:

$("#iIdlbl").autocomplete({
                    source : function(request, response) {      

                    var value = jQuery("#iIdlbl").val();


                    $.ajax( {
                        url : 'getiId.html',
                        dataType : 'json',
                        data : {
                            filter : value
                        },
                        success : function(data) {

                            response(jQuery.map(data.iList,function(item) {
                                                return {
                                                    value : item.iId,
                                                    key : item.iId

                                                };
                                            }));


                },
                error : function(XMLHttpRequest,textStatus,errorThrown) {
                    $.loader('close');
                }
                    });

                },

                minLength : 0,
                open : function() {
                    $(this).removeClass(
                            "ui-corner-all").addClass(
                            "ui-corner-top");
                },

                close : function() {
                    $(this).removeClass(
                            "ui-corner-top").addClass(
                            "ui-corner-all");
                },
                select : function(event, ui) {
                    searchById(ui.item.value);
                }

                });

score 4 · Accepted Answer · answered Jan 19 '12 at 05:07

4

The easiest way is to limit the number of returned results in your source.

so, in getiId.html, limit the number of items to 10

answered Jan 19 '12 at 05:07

joe_coolish

7,201
13
64
111

2

ok. Remember to accept my answer if it works. I noticed you have 0% acceptance. And +1s are always great :) – joe_coolish Jan 19 '12 at 05:11
thanks again I used this method. By limiting the count at query.. any other method ? maxItemsToShow: 10 not working – ıllıllı lק ıllıllı Jan 19 '12 at 09:16

Andrew Whitaker · Answer 2 · 2012-01-19T13:29:06.090

1

You could always just stop looping after 10 results in your success function:

success : function(data) {
    var results = [], i, 
        length = 10 < data.iList.length ? 10 : data.iList.length;

    for (i = 0; i < length; i++) {
        results.push({
           value: item.iId,
           key: item.iId
        });
    }
    response(results);
},

edited Jan 19 '12 at 13:29

answered Jan 19 '12 at 05:16

Andrew Whitaker

124,656
32
289
307

@ Andrew Whitaker this is not working error got like 'results undefined' – ıllıllı lק ıllıllı Jan 19 '12 at 05:31
@Kandhi: Sorry, I had a typo. – Andrew Whitaker Jan 19 '12 at 13:28
@Kandhi: That's not a valid option on this widget. You need to implement this functionality yourself. – Andrew Whitaker Jan 20 '12 at 13:36

jquery autocomplete limit results

2 Answers2

Linked