如何隐藏jQuery自动完成的溢出?

时间:2013-09-03 08:06:30

标签: javascript jquery

我有一个返回到很多结果的自动完成功能,它通常会生成1000+的列表,如何将其设置为一次只显示10行?我尝试通过设置最大高度并隐藏溢出来隐藏它,但这会导致列表看起来很小但仍然充当1000+的列表并且变慢的问题。

jQuery(document).ready(function () {
                $(".searchCombogrid").combogrid({
                    url: '<%#Request.ApplicationPath%>/api/Arbetsorder/FindArbetsorder',
                    debug: true,
                    replaceNull: true,
                    position: { my: "right top", at: "right bottom" },
                    rememberDrag: true,
                    minLength: 0,
                    colModel: [
                    { 'columnName': 'Nr', 'hidden': 'true', 'width': '10', 'label': 'Nr' },
                    { 'columnName': 'Projekt', 'width': '60', 'label': 'Jobbnr' },
                    { 'columnName': 'AoNr', 'hidden': '20', 'label': 'AoNr' },
                    { 'columnName': 'Arbetsplats', 'width': '150', 'label': 'Arbetsplats' },
                    { 'columnName': 'Beskrivning', 'width': '150', 'label': 'Beskrivning' },
                    { 'columnName': 'BevakasAv', 'width': '70', 'label': 'Bevakas av' },
                    { 'columnName': 'ForetagsNamn', 'width': '70', 'label': 'Kund' }
                    ],
                    requestData: [
                    {
                        'verksamhetId': '<%#VerksamhetID%>',
                }
                ],
                    select: function (event, ui) {
                        $('#' + this.id).val(ui.item.Projekt);
                        __doPostBack(this.id, ui.item.Nr);

                        return false;
                    }
                });
            });

1 个答案:

答案 0 :(得分:1)

您可以尝试这样:

$(".searchCombogrid").combogrid( "option", "rows", 20);

combogrid rows documentation here.