Question

我有一个AJAX select2下拉菜单设置为进行无限分页。我想做的是继续在后台加载第一页结果，这样一旦用户点击下拉菜单，他们就会立即有一组选项，而不是等待初始的AJAX呼叫。

当我搜索Google如何执行此操作时，我只会看到有关尝试设置初始选择的结果，这不是我想要做的。我只想从我的端点预加载第一页结果，以便用户立即看到数据，而不是等待AJAX调用返回。这甚至可能吗？

我的select2设置代码如下：

$(".my-class-identifier").select2({

        ajax: {
            cache: true,
            dataType: "json",
            delay: 500, 
            data: function(params, page) {

                return {
                    name: params,
                    otherParams: $(this).data("other-params")
                    page: page                      
                };

            },
            results: function(data, page) {

                return {
                    /* The server returns no data after all the pages have been returned. */
                    more: data && data.length > 0,
                    results: data
                };

            },
            type: "GET",
            url: function() {
                if ($(this).data("url")) {
                    return $(this).data("url");
                } else {
                    return DEFAULT_ENDPOINT;
                }
            }
        },
        allowClear: true,
        minimumInputLength: 0,
        placeholder: "Search for some data..."          
    });

Answer 1

因此，您要寻找的是初始化select2。 Select2有一个初始化选项来加载您的值，它看起来像这样：

    initSelection: function(element, callback){
        callback([
           {id:1,text:'one'},
           {id:2,text:'two'},
        ]);
    }

请确保将其添加到ajax调用之外，但要添加到select2内。

示例here in JSFiddle

Answer 2

在你的后端，你检查你的搜索字符串。如果大小为零或搜索字符串为空，则返回第一页结果。否则，请执行搜索并返回结果。

在后台加载ajax select2数据的页面

2 个答案: