javascript - 使用 Select2 仅加载一次远程数据

Question

如标题所示，我只想加载一次远程数据。我考虑过使用独立的 ajax 调用加载数据并将其设置为“本地”在控件上，但想知道是否有更多的“内置”方式来这样做......

Answer 1

可以在这里找到解决方案:

https://github.com/ivaynberg/select2/issues/110

$("#selIUT").select2({
    cacheDataSource: [],
    placeholder: "Please enter the name",
    query: function(query) {
        self = this;
        var key = query.term;
        var cachedData = self.cacheDataSource[key];

        if(cachedData) {
            query.callback({results: cachedData.result});
            return;
        } else {
            $.ajax({
              url: '/ajax/suggest/',
              data: { q : query.term },
              dataType: 'json',
              type: 'GET',
              success: function(data) {
                self.cacheDataSource[key] = data;
                query.callback({results: data.result});
              }
            })
        }
    },
    width: '250px',
    formatResult: formatResult, 
    formatSelection: formatSelection, 
    dropdownCssClass: "bigdrop", 
    escapeMarkup: function (m) { return m; } 
}); 

编辑:

我可能误解了你的问题。如果您希望一次加载所有数据，则使用 Select2，没有内置功能可以做到这一点。

您的建议是执行单个查询，然后在 Select2 中使用存储的数据。