jquery-ui - jquery autocmplete set max items

Question

jqueryオートコンプリートプラグインを使用して、表示するアイテムの最大数を設定します。"max"グーグルで検索すると、表示したいアイテムの数を設定するオプションがあることがわかりましたが、機能しません。

jquery-ui-1.8.21バージョンを使用しています。

$("#test").autocomplete({
     source:myarray,
     max:5
});

ありがとう

Answer 1

どこでそれを読みましたか。下部の「オプション」タブの下maxにあるオートコンプリートのドキュメントで見つけることができません。

ただし、ユーザー エクスペリエンスを向上させるために最大の高さを設定する方法の例があります。しかし、その配列の最初の n 個の要素が本当に必要な場合は、純粋な JavaScript のslice()メソッドを使用してください。

Answer 2

これを CSS に追加します。.ui-autocomplete { height: 100px; overflow-y: scroll; overflow-x: hidden;}高さを変更することで、ユーザーに表示されるアイテムの数を制限できます。

Answer 3

この方法でそれを行うことができます

success: function (data) {
      response($.map(data.slice(0,4), function (item) {
           return {
            label: item.name,
            value: item.name
        }
    }));
}