选择2预加载数据

时间:2016-09-07 18:12:30

标签: javascript jquery ajax jquery-select2 select2

目前,select2仅在用户开始输入时加载数据。我想使用一些默认值预加载下拉菜单,因此一旦用户点击下拉列表,就会有一些值可供选择。我已经查看了文档,但我找不到任何内容。有没有人知道是否有解决方法或我可以做些什么来实现这一点。

谢谢

编辑:

$('#search-paint').select2({
                placeholder: "Search By:Manufacturer, Color Name, Color Code",
                ajax: {
                    url: "/item/searchPaint",
                    dataType: "json",
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term,
                            SprayType: $('#spray-type').val(),
                            page: params.page
                        };
                    },
                    processResults: function (data, params) {
                        params.page = params.page || 1;
                        return {
                            results: data.items.data,
                            pagination: {
                                more: (data.items.current_page * data.items.per_page) < data.items.total
                            }
                        };
                    },
                    cache: true
                },
                escapeMarkup: function (markup) {
                    return markup;
                },
                minimumInputLength: 1,
                templateResult: formatRepo,
                templateSelection: formatRepoSelection
            });

我尝试使用data设置预加载数据,但它只加载第一个对象并调用select方法。我也试过initSelection但后来我发现它的目的与我想要达到的目的不同。

1 个答案:

答案 0 :(得分:-1)

你可以做这样的事情

var data = [];
$('#search-paint').select2({
    data:data,
    escapeMarkup: function (markup) {
       return markup;
    },
    minimumInputLength: 1,
    templateResult: formatRepo,
    templateSelection: formatRepoSelection
});
$.getJSON('/item/searchPaint',function(response){
    data=response;
    $('#search-paint').select2('refresh');
});