如何混合选择2使用初始选择加载远程数据

Question

https://select2.github.io/examples.html#data-ajax

For select2, I wanna:

1. List some initial selections, so for small list, we can select it directly.
2. Search remote for long/more selections.

But, it seems I cannot provide both ajax and data parameter at same time.

Any suggestion? Thanks.

---

code snippet added

function installShopSelect2() {
    var url = "/ajax/brandEnterprise/findShops.mapi";
    "use strict";
    $('#shopid').select2({
        ajax: {
            type: "GET",
            url: url,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            delay: 250,
            //async: false,
            data: function (params) {
                return {
                    keyword: params.term,
                    besId: selectedBes,
                    page: params.page
                };
            },
            processResults: function (data, params) {
                // parse the results into the format expected by Select2
                // since we are using custom formatting functions we do not need to
                // alter the remote JSON data, except to indicate that infinite
                // scrolling can be used
                params.page = params.page || 1;

                return {
                    results: data,
                    pagination: {
                        more: (params.page * 30) < data.total_count
                    }
                };
            },
            cache: true
        },
        escapeMarkup: function (markup) {
            return markup;
        },
        //data: $.getJSON(url, {besId: selectedBes, keyword: ''}, function (data) {
        //    return {results: data};
        //}),
        placeholder: "--Please search--",
        minimumInputLength: 2,
        allowClear: true
    });
}

Answer 1

我解决此问题的方法是设置minimumInputLength = 0，编写一个自定义ajax传输器，以检查搜索项的长度，当其等于0时，我使用固定的默认值调用成功回调，否则，如果大于0则执行ajax调用并返回响应。