Select2 Ajax无限滚动正在滚动,但没有向下箭头键

时间:2019-01-21 12:09:50

标签: javascript jquery jquery-select2 jquery-select2-4

Select2 ajax无限滚动正在滚动,但没有向下箭头键。我配置为每六个值后加载ajax,它工作正常,但是当您使用键盘键访问select2时,它只会下降到最大已加载数据。在第一个select2打开时,它将加载六个键值对,如果我按下键,它将仅转到第六个值,除非我从鼠标上滚动,否则ajax不会触发。

很明显,我在数据中使用了ajax,因此无法向您展示不起作用的演示。

    var select_2 = $("#dropdown_select2").select2({
        placeholder: "",
        minimumInputLength: 0,
        multiple: false,
        cache: false,
        delay: 250,
        allowClear: false,
        ajax: {
            type: 'POST',
            dataType: 'json',
            url: "<?= base_url("myUrl"); ?>",
            data: function (params) {
                return {
                    page: params.page || 1, /* This is required Parameter*/
                    search: params.term, /* This is required Parameter*/
                    limit: 6 /* My six data limit on scroll */
                };
            },
            processResults: function (data, params) {
                params.page = params.page || 1;
                return {
                    results: data.result,
                    pagination: {
                        more: (params.page * 6) < (parseInt(data.total_count) || 1)
                    }
                };
            }
        },
        escapeMarkup: function (markup) {
            return markup;
        },
        templateResult: function (data) {
            return data.html;
        },
        templateSelection: function (data) {
            return data.text;
        }
    });

0 个答案:

没有答案